float:left method 4.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>

CSS

.main-block {
    border: 3px dotted blue;
    background: pink;
}
    .main-block .children {
        padding: 20px;
        background: wheat;
        border: 2px solid red;
        display: inline-block;
        margin-left: -4px;
    }
    .main-block .children:first-child {
        margin-left: 0;
    }