genauer Abstand in Liste?

[MudGuard]

Hi,

Ich habe eine Liste:
und das ganze soll genau so aussehen: <img src="http://www.cgdesign.de/selfforum.gif" border="0" alt="">

Wer kann mir helfen? Ich komme wirklich nicht weiter, ich brauch eigentlich nur den Abstand zwischen "Vorschau" und "zeigt Ihnen.. usw... das andere ist ja kein Problem, nur hänge ich da irgendwie... mit css und padding-left gehts auch nicht so toll..
Für eine kleine Hilfe wäre ich sehr dankbar!

So würde ich das lösen:

dt { clear:both; float:left; }
dd { margin-left:8em; }

dt:before { content:'\B7 '; font-weight:bold; padding-right:1em; }
/* ggf. entsprechendes Bildchen verwenden oder, wenn es auch in CSS-mäßig rückständigen Browsern (z.B. IE) funktionieren soll, als img-Element oder Zeichen direkt in alle dt einbinden */

<dl>
  <dt>eins:</dt>
  <dd>kurzer Text</dd>

<dt>zwei:</dt>
  <dd>
    Es war einmal ein Mann, der hatte sieben Söhne. Eines Tages baten ihn seine sieben Söhne, daß er ihnen eine Geschichte erzählen möge. Da fing der Vater an:
    Es war einmal ein Mann, der hatte sieben Söhne. Eines Tages baten ihn seine sieben Söhne, daß er ihnen eine Geschichte erzählen möge. Da fing der Vater an:
  </dd>

<dt>drei mit langem Titel:</dt>
  <dd>kurzer Text</dd>
</dl>

cu,
Andreas