ho il seguente codice html:

codice:
<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:

codice:
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?