Wykropkowanie w środkowym div'ie Opcje

[draqo]

Mam taki kod:

[HTML] pobierz, plaintext 
<div class="wiersz">
 <div class="nazwa">Jakaś nazwa</div>
 <div class="kropki"></div>
 <div class="cena">20 PLN</div>
</div>
 
<style>
.wiersz {
   width:670;
}
.nazwa { 
    float:left;
}
.kropki {
   float:left;
   border-bottom:1px dotted black;
}
.cena {
   float:right;
}
</style>
[HTML] pobierz, plaintext 

Chciałbym aby pomiędzy polem z nazwą i ceną były kropki. Niestety to nie działa i nie mam pojęcia jak to zrobić.

[luckyps]

Nadaj klasie "kropki" konkretną szerokość w css.

[pietrov8]

[HTML] pobierz, plaintext 
    <div class="wiersz">
    <div class="nazwa">Jakaś nazwa</div>
    <div class="kropki"></div>
    <div class="cena">20 PLN</div>
    </div>
 
    <style>
    .wiersz {
    width:670;
    }
    .nazwa {
    float:left;
    }
    .kropki {
    float:left;
    border-bottom:1px dotted black;
    width:100%;
    }
    .cena {
    float:right;
    }
    </style>
[HTML] pobierz, plaintext 

[draqo]

właśnie o to chodzi że szerokość będzie zmienna.

Próbowałem też dawać width:100% ale wtedy border jest na całą szerokość, na wszystkie 3 divy.

Chyba że zrobić to za pomocą javascript pobrać szerokość divow nazwa i cena. Od szerokości całego wiersza to odjąć i przypisać do diva kropki. Tylko nie mam pojęcia jak to zrobić

[Damonsson]

Nie możesz ustalić jakiegoś padding-right dla NAZWA i ustawić border-right dla NAZWA? Albo analogicznie po lewej dla CENA?

[draqo]

kropki mają być pomiędzy nazwa i cena.