Mi problema es el siguiente, tengo un div dentro de un while y se repite n cantidad de veces, de acuerdo a la informacion que hay en la base de datos.
Pero yo quiero qeu cada div este alineado horizontalmente
Agradezco la ayuda, porque estoy desesperado
<div id= "main">
<form name="form1" method="post" action="Tabla_catalogo_malu.php">
<?php
$sql=mysql_query("select * from productos",$conexion);
while ($f=mysql_fetch_array($sql)){
$Imagen= $f['imagen'];
$Referencia = $f['cod_ref'];
?>
<!-- Comienzo las cajas de productos -->
<div class="caja">
<!--Datos-->
<h1> <?php echo $Referencia?> </h1>
<img src ="<?php echo $Imagen ?>" width="100" height="100">
<p>Talla</p>
<?php
$sql2=mysql_query("select * from cantidad where cod_ref=".$Referencia,$conexion);
echo "<select name='select1' id ='sel' onchange='generarcantidad(this.id)'>";
while ($g=mysql_fetch_array($sql2)){
$Talla=$g['cod_talla'];
echo "<option value='".$Talla."'>".$Talla."</option>";
}
echo "</select>";
?>
<p>Cantidad Disponible<p>
<p>Cantidad Deseada<p>
<!--Cierro el While y la conexion -->
<?php }
mysql_close($conexion);
?>
<!-- cierro las cajas de productos -->
</div>
</form>
</div>
y estos son los estilos
#main{
background-image:url(../Imagenes/Main.png);
background-repeat:no-repeat;
width: 900px;
height: 750px;
}
.caja{
float:left;
width:100;
height:100;
border:2px solid blue;
}