tre offerte per riga

[Insaponata]

ho il seguente codice html:

<div class="offerta">
   <h3>Titolo Offerta</h3>
   [img]foto.jpg[/img]
   

   Dettagli
</div>

questo pezzetto di codice html è contenuto in un ciclo for: in pratica vengono mostrate tutte le offerte presenti.

ecco lo stile che ho creato:

div.offerta
{
	background-color: #0101FF; 
	border-style: solid; 
	border-width: 1px; 
	border-bottom-width: 3px; 
	border-right-width: 3px; 
	border-spacing: 0px;
	width: 30%;
	text-align: center;
}
div.offerta h3
{
	background-image: url(img/sfondo.jpg);
	background-repeat: repeat-x;
	color: #FFF;
}

come faccio a fare in modo che compaiano tre offerte per riga?

[Insaponata]

ho risolto con una tabella.

[Mich_]

Sarebbe meglio (sia dal punto di vista semantico che di presentazione), non usare uan tabella.

Basta aggiungere
float:left;
alle regole CSS per la classe .offerta