Justyfikacja osobnych linii

Jak wyjustować w DIV, TD lub dowolnie inaczej kilka osobnych linii a mianowicie np. coś takiego:

1. Start imprezy ....................................................... 10.00
2. Środek imprezy ..................................................... 12.00
3. Koniec imprezy ...................................................... 15.00

?

Próbowałem w kilku DIVach z text-align: justify ale niestety nie działa, trzyma tekst przyciągnięty do lewej, w jednym DIVie dzieli linie nie w tym miejscu co bym chciał, jak oddziele je <BR> to już nie działa justyfikacja - trzyma do lewej.

Jeżeli nie potrzebujesz tych kropek pomiędzy (tego bez javascriptu nie osiągniesz), i jesteś pewien, że tekst po lewej nigdy nie dojdzie aż do tych cyfr po prawej to możesz zrobić coś takiego:
http://jsbin.com/aqixin/edit#preview

dzięki za odpowiedź, póki co wykorzystałem tabelkę z border-bottom: dotted

http://jsbin.com/evoqab/3/edit#preview

Czyli te kropki mają być?
To zrób tak: przygotuj sobie obrazek z pikselem czarnym i pikselem przeźroczystym obok.
potem kodem w tym stylu:

<div>
<span class="l">impreza</span><span class="r">10.10</span>
</div>
<div>
<span class="l">impreza</span><span class="r">10.10</span>
</div>

ostyluj tak, żeby divy miały te kropki jako tło, spanom daj display: block; background: white; - wtedy tło zakryje kropki w miejscach gdzie są napisy. żeby "zasymulować" spację po nazwie imprezy i przed czasem/ceną dodaj padding-right / left po jakies 6px i powinno być ładnie.

edit: jak nie chcesz obrazka w tle to zawsze zostaje metoda z position: absolute i kropkami jako tło divów.

edit2: zapomnij to wszystko wyżej: http://jsbin.com/uruteq/2/edit#preview :)

rozwiązanie z w3 jest... dziwne

http://www.w3.org/Style/Examples/007/leaders.en.html