2010-07-19 17 views
10

¿Cómo se da estilo a los elementos de la lista de definiciones para tener cada definición en una línea?Mostrar DL como una tabla

HTML:

<dl> 
    <dt>word</dt><dd>meaning</dd> 
    <dt>word</dt><dd>meaning</dd> 
    <dt>word</dt><dd>meaning</dd> 
</dl> 

Representación visual que necesito:

*word* meaning 
*word* meaning 
*word* meaning 
+0

Ver http://stackoverflow.com/questions/1713048/how-to-style-dt-and-dd-so-they-are-on-the-same-line/24520786#24520786 – Justin

+0

Respondido en la pregunta 'duplicado' - comparando

a http://stackoverflow.com/a/32727905/4258817 – Mousey

Respuesta

8

probar esto.

dt { 
    clear:left; 
    float:left; 
    font-size:12px; 
    line-height:26px; 
    width:70px; 
} 

dd { 
    clear:right; 
    font-size:12px; 
    line-height:18px; 
    padding:4px 0 4px 40px; 
} 
+1

Gracias, esto funciona en mi Firefox (no he probado otro). – takeshin

+4

Desafortunadamente esto no se escalaría con contenido como lo hace la tabla – jpeltoniemi

Cuestiones relacionadas