Ciao a tutti,
mi trovo davanti ad una situazione tanto semplice quanto insolubile con il classico xhtml+css:

tante righe di questo tipo, che riempiano lo schermo al 100%:

Indirizzo .................................................. ..... telefono
Via Monte Santo, 14 - 00000 Genova ........... 054 4958488
Viale Aldo Moro, 445 - 00000 Roma ............ 045 68767345

Semplicemente il testo "indirizzo" e "telefono" variano in larghezza e non devono andare a capo. Cambiando dimensione alla finestra devono essere i puntini ad allungarsi/accorciarsi.

Ho trovato diverse soluzioni "accroccate":
1) immagine di un puntino ripetuta come sfondo di un div + 2 colonne a larghezza fissa
2) border dotted nel div centrale e linea bianca a coprire i puntini nelle altre due colonne

Ho provato soluzioni alternative:
3) <pre> con carattere di tabulazione
4)

e text-indent

RISULTATO: NIENTE DA FARE, il colore di sfondo della pagina può cambiare rivelando gli accrocchi delle soluzioni 1 e 2, con le 3 e 4 semplicemente non si ottiene quello che voglio!

Un'altra via potrebbe essere utilizzare javascript per modificare dinamicamente la larghezza di un div "puntini" in base agli altri due div, ma sono tante righe e diventa piuttosto macchinoso.

MA E' POSSIBILE CHE STO' CACCHIO DI LINGUAGGIO, RIVISTO E CORRETTO 20 VOLTE DAI MIGLIORI SPECIALISTI NON PERMETTA UNA COSA COSI' SEMPLICE ??? DA SCLERARE SEMPLICEMENTE!!

Grazie mille a quanti vorranno scervellarsi in questa cosa, cordialmente. Gianni