Nel tentativo di affiancare dei div ho scritto questo codice, questi div si tengono in piedi per miracolo.
quello che ho ottenuto è stato solo di riuscire ad affiancare i primi 3 div con gli altri due a capo.. togliendo il float:left vanno a finire uno sotto l'altro



codice:
<style>
.gruppo {
    width: 1150px;  margin: 0 auto;display: inline-block;}

</style>



</head>

<body>
<div class="gruppo">
<div style="float:left;width:280px;"><a href="uno.html"><img src="immagine.gif" width="200"  /></a>
<p>testo</p>
</div>

<div style="float:left;  width:30px;  "><img src="separatore.gif" width="30"  /></div>

<div style="float:left;  width:280px;"><a href="due.html"><img src="immagine.gif" width="200"  /></a>
<p>testo</p>
</div>

<div style="float:left;  width:30px;"><img src="separatore.gif" width="30"/></div>

<div style="float:left;  width:280px;"><a href="tre.html"><img src="immagine.gif" width="200"  /></a>
<p>testo</p>
</div>

<div style="float:left;  width:30px;"><img src="separatore.gif" width="30"/></div>

<div style="float:left;  width:280px;"><a href="quattro.html"><img src="immagine.gif" width="200"  /></a>
<p>testo</p>
</div>

<div style="float:left;  width:30px;"><img src="separatore.gif" width="30"/></div>

<div style="float:left;  width:280px;"><a href="cinque.html"><img src="immagine.gif" width="200"  /></a>
<p>testo</p>
</div>


    
    <div style="clear:both;"></div>
</div>