Home
Manage Your Code
Snippet: Set a Float to Fix a Float - Containing Floats (CSS)
Title: Set a Float to Fix a Float - Containing Floats Language: CSS
Description: Eric Myers method - http://www.complexspiral.com/publications/containing-floats/ Views: 262
Author: Thomas Jenkins Date Added: 2/2/2009
Copy Code  
    <div class="item">
        <img src="w6144.gif">
        Widget 6144
        <br>
        $39.95
    </div>
    <div class="item">
        <img src="w6145.gif">
        Widget 6145
        <br>
        $44.95
    </div>
    <div class="clearer">
        &nbsp;</div>
    <p>
        Widgets are sold on an "as is" basis without warranty or guarantee.</p>
Usage
div.item {float: left; border: 1px solid; padding: 5px; width: 60%;}
div.item img {float: left; margin: 5px;}