[CSS] Układ "inline" i wysokość listy definicji DL Opcje

[extreme-dh]

Witam.
Chciałbym ostylować listę definicji np.:

Kod

         <dl>
            <dt>Wiek:</dt>
            <dd>23</dd>
        
            <dt>Płeć:</dt>
            <dd>Mężczyzna</dd>
            
            <dt>Gadu-Gadu:</dt>
            <dd>123456</dd>
         </dl>

W sposób by uzyskać listę o takim układzie:

Kod

  Wiek: 23
  Płeć: Mężczyzna
  Gadu-Gadu: 123456

Zrobiłęm to tak:

Kod

         dt {
            font-weight:bold;
            margin: 0 3px 0 2em;
            display:inline;
            float:left;
            clear:left;
         }

Nie wiem dlaczego CSS i JS widzi po tym wysokość elementu DL tak jakby lista była w standardowym układzie

Kod

Wiek:
        23
Płeć:
        Mężczyzna
Gadu-Gadu:
       123456

czyli w tym przypadku wysokość jest 2x większa niż powinna.

Jak uzyskać żądany układ listy by wysokość obliczana była prawidłowo?

Ten post edytował extreme-dh 7.11.2008, 17:03:32