Deux div centrés responsive

Bonjour à tous!

Voilà je sais pas comment faire cela peut être que c'est tout simple mais aucun résultat.



J'aimerai faire deux div centrés dans les quels textes et images sont centrés. Il faut que cela sois adaptable à un div existant. Du genre quand je redimensionne la page les deux div s'adaptent à la largeur de la fenêtre et les images doivent restées au milieux.

est-ce clair?

J'ai utilisé les floats mais j'ai des problème avec les positions. Ou bien faut-t-il faire un tableau?

Merci

salut,
peut être en utilisant les mises en page en tableau et en laissant tomber les flottants.

<div class="cont">
	<div>
		<div>
			<p>Texte</p>
			<img src="image.jpg" alt="Image" />
		</div>
	</div>
</div>
<div class="cont">
	<div>
		<div>
			<p>Texte</p>
			<img src="image.jpg" alt="Image" />
		</div>
	</div>
</div>

body {text-align:center;}
.cont {display:inline-block;vertical-align:top;width:25%;height:300px;margin:auto;background:green;}
.cont>div {display:table;width:100%;height:100%;}
.cont div div {display:table-cell;vertical-align:middle;}

Merci beaucoup, je n'avais pas pensé à cette méthode.