CSS Square block

Test blocks positioning

by sorx00

HTML

<div class="container">
    <div class="big"></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
</div>

CSS

div { width: 50px; height: 50px; border: 1px solid red; float: left; margin: 1px; padding: 0; }
div.big { width: 104px; height: 104px; }
div.container { border: 1px solid blue; width: 162px; height: 162px; }