Colocar Productos Horizontal en una Pagina

[bathory84]

Hola que tal, hice una pagina HTML con 4 Productos colocados de manera Horizontal en el index, luego al colocarle enlaces de Base de Datos y guardar el mismo index como PHP los 4 Productos se colocaron de manera Vertical y no encuentro la manera de colocarlos Horizontal.

Este es el Código de la pagina:

Código HTML:

<?php
 
require_once('Conexion.php');
 
$sql = "SELECT * FROM productos order by fecha_crea desc limit 4";
 
$consulta = mysql_query($sql,$con);
 
while($row = mysql_fetch_array($consulta)){
 
?>
         
 
<ul class="products-grid row">
<li class="item first span3">
<a href="#" title="" class="product-image"><img src="productos/<? echo utf8_encode($row['foto1']);?>" alt="" height="242" width="242"></a>
<div class="product-shop">
<div class="price-box">
<span class="regular-price" id="product-price-26-new">
<span class="price"><? echo "Bs.  ".utf8_encode($row['precio']);?></span> </span>
</div>
<h3 class="product-name"><a href="#" title=""> <? echo utf8_encode(substr($row["titulo"],0,40)); ?></a></h3>
<div class="desc grid-desc">
<? echo utf8_encode(substr($row["descripcion"],0,40)); ?>... </div>
<div class="actions">
<button type="button" title="" class="button btn-cart" onclick="setLocation('producto1.php?id=<? echo utf8_encode($row['id']);?>')"><span><span>Ver Detalles</span></span></button>
 
 
<ul class="add-to-links">
 
</ul>
</div>
</div>
 
 
 
<ul class="add-to-links">
 
</ul>
 
 
 
<div class="label-product">
<span class="new">Nuevo</span> </div>
</li>
</ul>
 
<?
}
?>