testFloatingBlocksCSS

by spacexplorer

HTML

<div class="block1">A<br>aa aaaa aaaa aaaa</div>
<div class="block2">B</div>
<div class="block3">C</div>
<div class="block1">D</div>
<div class="block2">E<br>eee ee eeeeee ee</div>
<div class="block3">F</div>
<div class="block2">G<br>ggg gg gggg gg gggg g</div>
<div class="block3">H</div>
<div class="block1">I</div>

CSS

div
{
background-color: blue;
    width: 120px;
    border: 1px solid #fff;
    position: relative;
}

div.block1
{}

div.block2
{
background-color: green;
margin-left: 122px;
}

div.block3
{
background-color: red;
margin-left: 244px;
}