1. Dom
  2. Pytanie i odpowiedź
  3. Wyświetl DL jak tabela

Wyświetl DL jak tabela

2010-07-19 14 views
10

Jak ustawić elementy listy definicji, tak aby każda definicja znajdowała się w jednym wierszu?Wyświetl DL jak tabela

HTML:

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

wizualna renderowania muszę:

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

Źródło

2010-07-19 takeshin

+0

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

+0

Odpowiedziane w pytaniu "duplikat" - porównanie

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

Odpowiedz

8

Spróbuj tego.

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

Źródło

2010-07-19 20:04:00 gearsdigital

+1

Dziękuję, działa to w moim Firefox (nie przetestowałem innych). – takeshin

+4

Niestety nie skaluje się z zawartością podobną do tabeli – jpeltoniemi

Powiązane problemy

 Powiązane problemy