Listas de definición: DL, DT, DD

[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.