Listas horizontales de div's

[claudinho]

Hola amigos del foro estoy intentando alinear horizontalmente una lista, la lista debe tener una imagen y debajo de ella un boton

este es el codigo

Código HTML:

<style>
.desc{
color:#000000;
font-size:14px;
height:400px;
border:1px;
border-color:#000000;
width:246px;
}

.desc li { display: inline; }
</style>

<ul>
 <li> <div class="desc"> <a href="1big.png" rel="facebox" title=""><img src="1.jpg" alt="" width="246" height="319" border="0"  title="titulo"></a>
   <input type="submit" name="Submit" value="Enviar">
 </div>
 </li>
 
 <li><div class="desc"><a href="2big.jpg" rel="facebox" title=""><img src="2.jpg" alt="" width="246" height="319" border="0"  title="titulo"></a>
     <input type="submit" name="Submit" value="Enviar">
 </div></li> 

no consigo que funcione ayuda por favor

[pitufoweb]

Hola,


Creo que te falto la coma en el selector.

.desc, li { display: inline; }




Edito: No seria mejor flotarlos?


Saludos

[claudinho]

funciona un millon de gracias!!!

[claudinho]

Pitufoweb a pesar de que funciona, los botones y la info se ven al lado de la imagen como si fuese otro elemento de la lista, no aparece debajo de la imagen como deberia

alguien sabe como arreglar esto?