HTML surikiavimas į vieną tiesą liniją po 3

Kuriu čia tokį darbelį iš neturėjimo ką veikt ir niekaip nesugalvoju, kaip galėčiau padaryti, kad šie objektai stovėtų eilutėse po 3, na kitaip tariant po 3 prekes į vieną liniją, tada kita linija su kitomis trimis prekėmis.

Prekes atvaizduoju per čia :

<ul>

<?php foreach ($prekes as $preke) {?>

<li>

<a href="preke.php?id=<?php echo $preke['prekes_id']; ?>">

<?php echo $preke['name']; ?>

</a> -

<small>

 

Patalpinta : <?php echo date('l jS', $preke['date']); ?><br/>

<img src="<?php echo $preke['img'];?>" style="width:100px; height:150px;" />

 

</small>

</li>

<?php } ?>

</ul> <br />

ačiū iš anksto už pagalbą

Nežinau ar teisingai supratau, bet dėk į ul'ą ir floatink li'us left :D

nesigauna, nes viską apgaubęs tokiu kaip pagrindine div classe, kuriai style priskirtas margin:0 auto

edit: pasidariau pats su table