Listas de definición: DL, DT, DD

[thisisalexis]

Quisiera saber si es posible que, al realizar una lista de definición, tanto los valores de <dt> como los de <dd> quedaran en la misma línea, sin importar cuan extensa sea la definición (<dd>).

Sé que existe una propiedad (compact) que hace esto, pero la misma solo los coloca en la misma linea cuando el espacio lo permite, es decir, si tanto el texto como la definición caben en la misma línea; además, no sé si este atributo se pueda controlar desde la hoja de estilos, pero igual, por lo antes dicho, creo que no se ajusta a mis necesidades.

Gracias.

[AlvaroG]

Y bueno, a jugar con los márgenes.
No le veo otra forma más sencilla que modificar el margen de dd hasta que se ajuste, te sugiero probar con

Código:

dd {
 margin-left : 0px;
 }

Saludos.

[thisisalexis]

Nop, eso ya lo había probado, con eso al menos logré que se eliminara la sangría que, por defecto, deja el DD. Pero sigo sin poder hacer que se coloquen en la misma línea. Gracias de todos Modos.

[frijolerou]

No es tan difícil lograrlo (probado en IE6, Opera y Firefox):

Tomemos en cuenta el siguiente HTML de ejemplo:

Código HTML:

<dl>
  <dt>Término 1</dt>
  <dd>Descripción 1</dd>
  <dt>Término 2</dt>
  <dd>Descripción 2</dd>
  <dt>Término 3</dt>
  <dd>Descripción 3</dd>
</dl> 

Aplicamos el siguiente CSS:

Código:

dt{
  width:100px;
  float:left;
  }
dd{
  margin-left:100px;
  margin-bottom:5px;
  }

Es un ejemplo tan sencillo que creo no necesita mayores explicaciones.

[thisisalexis]

Perfecto, muchas gracias