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?