Full screen divided in blocks

by Sergio

HTML

<div id="div1">block 1
</div>
<div id="div1">block 2
</div>
<div id="div1">block 3
</div>
<div id="div1">block 4
</div>
<div id="div5">
</div>
<div id="div6">
</div>
<div id="div7">
</div>
<div id="div8">
</div>

CSS

html, body { height: 100%; padding: 0; margin: 0; }
div { background: #666; width: 25%; height: 100px; float: left; box-sizing: border-box;border: 5px solid #fff; padding-top:35px; }
#div1 { background: #DDD; text-align:center;}
#div2 { background: #AAA; }
#div3 { background: #777; }
#div4 { background: #444; }
#div8 { background: #DDD; }
#div7 { background: #AAA; }
#div6 { background: #777; }
#div5 { background: #444; }