Hp Kästen

<div style="border:3px solid blue;border-right:none;width:100px;height:100px;"></div>
<div style="border:3px solid blue;border-top:none;border-left:none;width:100px;height:100px;"></div>

<div id="wrapper" style="width:306px; clear:left;">
<div style="width:100px;height:100px;border:1px solid red;float:left;">bla</div>
<div style="width:100px;height:100px;border:1px solid red;float:left;"">bla</div>
<div style="width:100px;height:100px;border:1px solid red;float:left;">bla</div>
<div style="width:100px;height:100px;border:1px solid red;float:left;">bla</div>
<div style="width:102px;height:102px;float:left;"></div>
<div style="width:102px;height:102px;float:left;"></div>
<div style="width:100px;height:100px;border:1px solid red;float:left;"></div>
<div style="width:100px;height:100px;border:1px solid red;float:left;"></div>
<div style="width:100px;height:100px;border:1px solid red;float:left;"></div>
<div style="width:102px;height:102px;float:left;"></div>
<div style="width:102px;height:102px;float:left;"></div>
<div style="width:100px;height:100px;border:1px solid red;float:left;"></div>
<div style="width:100px;height:100px;border:1px solid red;float:left;"></div>
<div style="width:100px;height:100px;border:1px solid red;float:left;"></div>
<div style="width:100px;height:100px;border:1px solid red;float:left;"></div>
</div>