We are going to explore the CSS property of float, and take a look at how to create web page layouts using floats
We explore the float concept using boxes on the page to see how floating various page elements can affect other content on the page
The boxes are already set up on the page and contain different background colors so you can tell them apart
Assign the float property to the various boxes to see what happens to the boxes when the float property is applied
You can float left or right, it is like super glue to the side of the page
It is called a float because it is floating vertically on the page
If we place content before a floated element on the page, the floated element will move down in the browser
Use this page to explore the float property
Lecture Slides are screen-captured images of important points in the lecture. Students can download and print out these lecture slide images to do practice problems as well as take notes while watching the lecture.
Educator.com recommends Adobe Dreamweaver CC to use with our Dreamweaver CC course. Adobe Dreamweaver CC is the leading all-in-one visual development tool used by web designers and developers worldwide to create, publish, and manage their websites and mobile content. Membership includes the full version of Dreamweaver CC to download, install, and run on your computer. You will get immediate access to all the latest updates and new features as soon as they're released.