Dreamweaver - HTML and CSS Using Dreamweaver

How to float a div tag

Daniel Walter Scott || VIDEO: 26 of 34

Download Exercise Files

Introduction

I recommend hosting your new website with Bluehost, you can get a big discount by signing up with this link: https://www.bluehost.com/track/byol/byol_dwhacud_26

Floating Divs

The term 'float' is used to align div tag next to each other (side by side). Without this function they will always stack one on top of the other. We need both div tags to float for this to work (left & right).

 

  1. In the selector panel choose #text.
  2. Find and select float left

    Note: Your website will fall apart temporarily. We'll need to float the second div before things become normal again. 

  3. In the selector panel choose #image.
  4. Find and select float left

You need to be a member to view comments.

Join today. Cancel any time.

Sign Up

Coming Soon