Rendrera en mening på flera rader

[mah01]

Hej

 

Jag har en variabel i "request-scope" som innehåller en mening med text: "Hej du glade"

 

När meningen rendreras i html-sidan vill jag inte att det ska bli så här: Hej du glade

 

Jag vill att meningen ska delas upp vid blank-tecknen och rendreras på flera rader så här:

Hej

du

glade

 

Dessutom vill jag att de ska vara centrerade över varandra så här:

 Hej 
 du 
glade

Kan man åstadkomma det med css eller kanske något java-script?

 

Vänliga hälsningar

Mattias

 

[inlägget ändrat 2006-10-13 14:41:19 av mah01]

[inlägget ändrat 2006-10-13 14:41:37 av mah01]

[inlägget ändrat 2006-10-13 14:42:12 av mah01]

[inlägget ändrat 2006-10-13 14:42:37 av mah01]

[zerblat]

Ett sätt att åstadkomma det på är att sätta ordmellanrummet till att vara större än (eller lika med) bredden på elementet ifråga, typ:

width:50px; 
word-spacing:50px;
text-align: center;

 

Tillägg: Notera att det bara funkar på blockelement, typ p eller div.

[inlägget ändrat 2006-10-13 15:30:52 av zerblat]

[mah01]

Det fungerar. Tack så mycket!