WHAT YOU WILL LEARN IN THIS CHAPTER:
In Chapter 8, I presented a subset of properties that combine to define a concept known as the CSS box model. In this chapter, I continue introducing new properties, this time focusing on two properties most often misunderstood by users new to CSS design: float and clear. These properties are often misunderstood because of their unique effect on the elements in a document.
I'll begin with a discussion of the float property.
A simple explanation of the float property is that it is used to put content side-by-side. In the coming sections, you look in depth at the float property, its idiosyncrasies, and how you can use it to lay out a web page. The following table outlines the float property and its values.
|float||left | right | none Initial value: none|
At this point, the float property appears fairly simple. It accepts keyword values of left, right, and none. The effects of the float property are intrinsically tied to the CSS box model that you read about in Chapter 8 ...