Używając CSS, jak mogę stylizować następujące elementy:

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

więc zawartośćdt pokaż w jednej kolumnie i zawartośćdd w innej kolumnie, z każdądt i odpowiadającedd na tej samej linii? To znaczy. wytwarzanie czegoś, co wygląda jak: