Takeaway: One of the most important concepts a Web developer can understand about CSS are floated elements, which serve a valuable function in aligning and positioning elements relative to each other on a Web page. A brief introduction to these floated elements is presented, explaining the CSS float and clear directives and providing some examples of how you can use them to better position HTML elements on a Web page.
Cascading Style Sheets (CSS) are rapidly becoming the de facto standard for Web page layout and positioning. They're easy to use, don't require any special software, and work uniformly on most major browsers. Using them correctly, however, requires a sound analysis of the functional purpose of a particular layout, both to ensure that the resulting style sheets are logically and functionally correct and that they are portable across different browsers or viewing devices.
Often, Web developers fail to understand this particular aspect of style sheet usage, leading to code that contains numerous "hacks" to produce the desired end result. To mitigate this problem, it is worth spending some time to understand some of the core CSS drivers and concepts. And one of the most important concepts a developer can understand are so-called floated elements, which serve a valuable function in aligning and positioning elements relative to each other on a Web page.
More... 
Build a better Web site by understanding floated elements in CSS 
Linear Mode
