1. Zuhause
  2. Frage und Antwort
  3. Anzeige DL wie eine Tabelle

Anzeige DL wie eine Tabelle

2010-07-19 3 views
10

Wie style Definition List-Elemente, um jede Definition in einer Zeile zu haben?Anzeige DL wie eine Tabelle

HTML:

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

Visuelle Rendering ich brauche:

*word* meaning 
*word* meaning 
*word* meaning

Quelle

2010-07-19 takeshin

+0

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

+0

Beantwortet in der 'Duplikat' Frage -

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

Antwort

8

bereits.

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; 
}

Quelle

2010-07-19 20:04:00 gearsdigital

+1

Danke, das funktioniert in meinem Firefox (andere nicht getestet). – takeshin

+4

Leider würde dies nicht mit Inhalt wie Tabelle skalieren – jpeltoniemi

Verwandte Themen

 Verwandte Themen