[CSS][DIV] Div sulla stessa linea

Sono 2 div con applicati del css per colorarli, solo che non voglio che siano uno sotto l'altro, ma uno di fianco all'altro fino a fine riga e solo quando non c'è ne stanno più vada a capo...

Mi sono girato alcune guide di css ma non trovo il tag da assegnargli per risolvere...

Premetto che i div hanno una larghezza di 150px, quindi abbondandemente più piccoli della pagina...

Qualcuno sa come risolvere?

[funcool]

Puoi fare così:

<div style="float:left;">Contenuto 1</div>
<div style="float:left;">Contenuto 2</div>

E all'elemento sotto devi la proprietà "clear:left;" nello stile.

Oppure puoi fare così:

<div style="display:inline;">Contenuto 1</div>
<div style="display:inline;">Contenuto 2</div>

Ho usato display: inline;



Ho usato questo:

$i = 0;
for(...)
{
      $style = ($i == 0) ? 'float:left;' : 'clear:left;';
      print '<div class="albumDiv" align="center" style="'.$style.'">.....</div>';
      $i++;
} 

e di conseguenza l'html generato è questo

<div class="albumDiv" align="center" style="float:left;">...</div>
<div class="albumDiv" align="center" style="clear:left;">...</div>

[funcool]

Il "clear:left;" lo devi dare all'elemento che c'è dopo i due div.

Ah ok... Avevo capito male

Ora funfa

Grazie