listas de Definicion horizontales

[claudinho]

Hola amigos del foro queria hacer una lista <DL> que se colocara horizontalmente en mi css tengo

Código HTML:

dl,dt,dd { display: inline; }

y el resto del codigo

Código HTML:

<dl>
<dt> <a href="1big.png" rel="facebox" title="This is the description"><img src="1.jpg" alt="" width="246" height="200" border="3"  title="titulo"></a></dt>
<dd>Codigo:10   <input type="submit" name="Submit2" value="Enviar" class="boton" height="80"></dd>
 

<dt> <img src="1.jpg" alt="" width="246" height="200" border="3"  title="titulo"></dt>
<dd>Codigo:10   <input type="submit" name="Submit2" value="Enviar" class="boton" height="80"></dd>
 </dl> 

el problema es que muestra tanto el elemento que esta en <dt> y luego el boton que estaria en <dd> uno al lado del otro cuando deberia ser imagen con boton abajo y luego la otra imagen abajo

alguien puede ayudarme?

[pzin]

¿Lo quieres en linea pero que luego todo esté abajo?

cuando deberia ser imagen con boton abajo y luego la otra imagen abajo

[claudinho]

no disculpa la otra imagen iria al lado

[pzin]

Si no quieres complicarte mucho, yo lo que haría sería reordenar el HTML de esta forma:

Código HTML:

<dl>
 
  <dt></dt>
  <dt></dt>
 
  <dd></dd>
  <dd></dd>
 
</dl>