CSS Tab-Size

[Lowterm]

Hallo zusammen,

ich habe folgendes Problem. Ich habe zwei Texte wie unten:

<div>Das ist der erste Texte : 12345</div>
<div>Und hier ist der zweite Text : 12345</div>

Da die Texte und damit die Länge der Texte zur Laufzeit variieren können, müssen die Doppelpunkte immer mit einem passenden Abstand zu den Texten davor untereinander stehen, egal wie lang der Text wird, also:

Das ist der erste Texte      : 12345 
Und hier ist der zweite Text : 12345

oder

Das ist mein erster Text : 12345  
Und hier der zweite Text : 12345

Ich habe mit tab-size versucht. Dies hat nicht das gewünschte Ergebnis gebracht. Und das pass sich nicht an, wenn der Text sich in der Länge ändert:

<div style="white-space:nowrap;"><span style="display:inline-block;width:180px;">Das der erste Texte</span>: 12345</div>
<div style="white-space:nowrap;"><span style="display:inline-block;width:180px;">Und der zweite Texte</span>: 12345</div>

Hat jemand eine Idee? Danke im Voraus.