Hallo,
ich habe folgende HTML Div Layer:

<div class="text_label">
<div class="text">Hier steht ein Text:</div>
<div class="punkte">&nbsp;</div>
</div>

Nun möchte ich Punkte mit Punkten ausfüllen. Dies habe ich mit einem Hintergrundbild und repeat-x realisiert, was eventuell natürlich auch anders gehen könnte.

Mein Problem ist nun, dass ich einen dynamischen Text habe, der in seiner Länge unterschiedlich ausfallen kann.

So muss ich also die Breite dem Text anpassen, um dann die verbleibende Breite mit Punkten zu füllen. Wie geht das?

Mein CSS sieht bis jetzt so aus
.text_label {
width: 300px;
}
.text_label .punkte {
float: right;
width: auto:
background-image:url(punkt.gif); background-repeat: repeat-x;
}

.text_label .text {
float: left;
width: auto;
}


.text_large_label_before .text {
float: left;
width: auto;
}