Tornando sul primo codice postato credo di essere riuscito ad allineare i 5 div con testo sotto immagine senza che il testo scomponga il div in questo modo. Il codice è corretto oppure sta in piedi per miracolo?
codice:
<style>
.contenitore {
width: 1370px; margin: 0 auto;}
.IMGtesto {
float: left; display: block; width: 250px; text-align:center;}
.fauxDIV {
float:left; display:block; width:30px;}
</style>
</head>
<body>
<div class="contenitore">
<div class="IMGtesto">
<a href="#.html"><img src="img.jpg" /></a>
<h3> TESTO TESTO TESTO TESTO TESTOTESTO.TESTO TESTO TESTO TESTO TESTO TESTO TESTO.TESTO TESTO TESTO TESTO TESTO TESTOTESTO.TESTO TESTO TESTO TESTO TESTO TESTO TESTO.TESTO</h3></div>
<div class="fauxDIV"><img src="vuoto.gif" width="30" /></div>
<div class="IMGtesto"><a href="#"><img src="img.gif" /></a>
<h3> TESTO TESTO TESTO TESTO TESTOTESTO.TESTO TESTO TESTO TESTO TESTO TESTO TESTO.TESTO TESTO TESTO TESTO TESTO TESTOTESTO.TESTO TESTO TESTO TESTO TESTO TESTO TESTO.TESTO</h3></div>
<div class="fauxDIV"><img src="vuoto.gif" width="30" /></div>
<div class="IMGtesto"><a href="#"><img src="img.gif"/></a>
<h3> TESTO TESTO TESTO TESTO TESTOTESTO.TESTO TESTO TESTO TESTO TESTO TESTO TESTO.TESTO TESTO TESTO TESTO TESTO TESTOTESTO.TESTO TESTO TESTO TESTO TESTO TESTO TESTO.TESTO</h3></div>
<div class="fauxDIV"><img src="vuoto.gif" width="30" /></div>
<div class="IMGtesto"><a href="#"><img src="img.gif" /></a>
<h3> TESTO TESTO TESTO TESTO TESTOTESTO.TESTO TESTO TESTO TESTO TESTO TESTO TESTO.TESTO TESTO TESTO TESTO TESTO TESTOTESTO.TESTO TESTO TESTO TESTO TESTO TESTO TESTO.TESTO</h3></div>
<div class="fauxDIV"><img src="vuoto.gif" width="30" /></div>
<div class="IMGtesto"><a href="#"><img src="img.gif" /></a>
<h3> TESTO TESTO TESTO TESTO TESTOTESTO.TESTO TESTO TESTO TESTO TESTO TESTO TESTO.TESTO TESTO TESTO TESTO TESTO TESTOTESTO.TESTO TESTO TESTO TESTO TESTO TESTO TESTO.TESTO</h3></div>
<div style="clear:both;"></div>
</div>