Wie kann man dt und dd so stylen, dass sie in einer Linie stehen?

Question

Nov 11, 2009, 05:39 AM

Wie kann man dt und dd so stylen, dass sie in einer Linie stehen?

Wie kann ich mit CSS Folgendes gestalten:

<dl>
    <dt>Mercury</dt>
    <dd>Mercury (0.4 AU from the Sun) is the closest planet to the Sun and the smallest planet.</dd>
    <dt>Venus</dt>
    <dd>Venus (0.7 AU) is close in size to Earth, (0.815 Earth masses) and like Earth, has a thick silicate mantle around an iron core.</dd>
    <dt>Earth</dt>
    <dd>Earth (1 AU) is the largest and densest of the inner planets, the only one known to have current geological activity.</dd>
</dl>

also der inhalt derdt in einer spalte anzeigen und den inhalt derdd in einer anderen Spalte mit jedemdt und die entsprechendendd in der gleichen Zeile? Das heißt etwas produzieren, das aussieht wie: