Colonne les unes à coté des autres avec dedans plusieurs blocs

Bonjour,

Je cherche à mettre quatre colonnes les unes à cotés des autres contenant respectivement un bloc, 3 blocs, 2 blocs, un bloc. Du texte doit être mis au dessus des deux dernières colonnes et au final les quatres colonnes (avec le texte) doivent faire la même hauteur. Je suis parvenu à mettre les colonnes les unes à coté des autres mais dès qu'il s'agit du reste, cela engendre des problèmes dans le positionnement des blocs.

Voici le code css:

	.block {
		float:left;
		margin:0;
		padding:0;
	}

Et le code html:

<div class="block">
      <img src="colonne1.jpg" alt="texte" title="Blanc" style="width:23%;">
</div>

<div class="block">
	<img src="colonne2.jpg" title="Model" style="width:34%;">
	<img src="colonne2dessous.jpg" title="Papa" style="width:34%;">
	<img src="colonne2dessousdessous.jpg" title="Anim" style="width:34%;">
</div>

<h1>Texte au dessus des deux dernières colonnes</h1>

<div class="block">
	<img src="colonne3.jpg"  title="Lay" style="width:19%;">
	<img src="colonne3dessous.jpg" title="Su" style="width:19%;">
</div>

<div class="block">
	<img src="colonne4.jpg" title="Freelance" style="width:19%;">
</div>

Si quelqu'un sait comment résoudre le problème ?

Merci d'avance pour vos réponses.