Ich würde es eh als dl machen: dt (mit Datum) floatet links (Breite ist nicht nötig) und dd (mit dem Text) bekommt passenden margin-left in em. Für den IE 6 ist dann noch ein Hack gegen den 3px-Bug nötig.
Wenn es eine ul bleiben soll, ist Zusatz-Markup nötig, das aber sogar sinnvoll ist. Ein Beispiel (der 3px-Hack ist etwas ungewöhnlich, da der IE sehr empfindlich mit Listen ist und es außerdem kaum anders möglich ist, die Listensymbole zu erhalten):
HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="de" xml:lang="de" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test</title>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
ul {
width: 20em;
background: #c0c0c0;
margin: 1em;
}
li {
margin-left: 25px;
padding-left: 6em;
}
em {
float: left;
margin-left: -6em;
font-style: normal;
}
* html li {
text-indent: -3px;
}
* html em {
position: relative;
padding-left: 3px;
}
</style>
</head>
<body>
<ul>
<li><em>30.05.2009 -</em> wenig Text</li>
<li><em>30.05.2009 -</em> viel Text viel Text viel Text viel Text viel Text viel Text viel Text viel Text</li>
<li><em>30.05.2009 -</em> wenig Text</li>
</ul>
</body>
</html>