float:left method 2

http://odmin.su/index.php?showtopic=1796&st=60

by Vladimir Rodkin

HTML

<div class="main-block">
    <div class="children">
        1
    </div>
     
    <div class="children">
        2
    </div> 
     
    <div class="children">
        3
    </div> 

    <div class="clear"></div>
</div>

CSS

.main-block {
    border: 3px dotted blue;
    background: pink;
}
    .main-block .children {
        padding: 20px;
        background: wheat;
        border: 2px solid red;
        float: left;
    }
.clear {
    clear: both;
}