Ik heb een probleempje, ik ben bezig met het ontwikkelen van een startpagina, echter op de een of andere manier krijg ik de uitlijning niet zoals ik wil (zie foto). Op dit moment heb ik het zo:

HTML:

PHP Code:

<div class="block">Inhoud van blok</div>
<div class="block">Inhoud van blok</div>
<div class="block">Inhoud van blok</div>
<div class="block">Inhoud van blok</div>
<div class="block">Inhoud van blok</div>
<div class="block">Inhoud van blok</div> 


CSS:

PHP Code:

.block { float: left; height: auto; width: 200px; } 


Echter wil ik dus dat de witruimte niet gelijk is maar alles goed op elkaar aansluit (zie foto).

Iemand enig idee hoe ik dit kan doen?

<div class="leftcolum">

<div class="block">Inhoud van blok</div>
<div class="block">Inhoud van blok</div>
</div>

<div class="midcolum">

<div class="block">Inhoud van blok</div>
<div class="block">Inhoud van blok</div>
</div>


<div class="rightcolum">
<div class="block">Inhoud van blok</div>
<div class="block">Inhoud van blok</div>
</div>