Usando CSS, como posso estilizar o seguinte:

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

então o conteúdo dodt mostra em uma coluna e o conteúdo dodd em outra coluna, com cadadt e o correspondentedd na mesma linha? Ou seja produzindo algo que se parece com: