[CSS] li formatierung

[mcmurphy]

moin,
habe noch ne frage zur listenformatierung:

wüßte einer wie ich so eine Formatierung erreichen könnte:

- 2001:      hier und da
- 2002:      Lorem ipsum dolor sit amet, consectetuer adipiscing elit, 
             sed diam nonummy nibh euismod tincidunt ut laoreet 
             dolore magna aliquam erat volutpat. 

das von der Jahreszahl zum Eintrag ein definierter Abstand ist und der Einzug stimmt wenn bei dem Text ein Zeilenumbruch auftritt...

habe es schon mit span / div & float left/right versucht aber nicht das gewünschte Ergebniss erzielt

Ist ja fast schon ne Tabelle (damit gehts einfach), da es aber eine LISTE ist will ich es nach Möglichkeit auch mit ner ul umsetzten...

THX

[jahlives]

Eine verschachtelte Liste mit entsprechender CSS Formatierung?
Oder ohne Liste den Inhalt einfach in einen pre-Tag packen

[mcmurphy]

OffTopic:

---

Eine verschachtelte Liste mit entsprechender CSS Formatierung?

---

wie meinste det?

wie gesagt, ist fast ne Tabelle, mit Table kein Problem, semantisch aber eine Liste...

[Kropff]

li 
{
   clear: left;
}

li span.links
{
   display: block;
   width: 80px;
   float: left; 
}

li span.rechts
{
   float: left;
   display: block;
}
<li><span class="links">- 2001:</span><span class="rechts">hier und da</span></li> 

so in der art. spiel mal ein wenig herum.

gruß
peter

[mcmurphy]

THX,
muß nur noch bei
li span.rechts
{
float: left;
display: block;
}

statt float:left right schreiben,width angeben und den li's ne Klasse clearfix verschreiben, dann klappt es...

[TobiaZ]

Wenn du zu jedem Jahr nur einen Text hast, wäre ne Definitionsliste angebrachter: <dl>