[CSS] Allineamento verticale

[Edward Becket]

Come faccio per assegnare un allineamento verticale nel mezzo al testo contenuto in un <div>? Ho provato ad usare l'apparentemente comodo comando "vertical-align" ma i browser sembrano esserne totalmente immuni.

[Federix]

Devi utilizzare il line-height: totpx; per indicare l'altezza della riga, dopodiché puoi impostare l'allineamento verticale.

[Edward Becket]

Ok, hai ragione. Ma io voglio che tutto un blocchetto di testo, che va anche accapo, sia allineato al centro del div. Se faccio some dici tu ogni singola riga è alta totpx, e ottengo una cosa tipo questa.
_______________________

Prima riga

seconda riga

terza righa.
_______________________

mentre io voglio:
_______________________


Prima riga
seconda riga
terza righa.

_______________________

e non posso usare padding visto che l'altezza del div deve essere fissa mentre il testo contnuto può essere poco o tanto (il sito è dinamico).

[Rommel]

ti crei un div, o un p per il testo e assegna

.testo { position:relative; top:50% }

dovrebbe funzionare.

[antos]

inserisci il blocco di testo in un blocco

a cui assegni lo stesso valore per margin-top e margin-bottom (es: p{margin:10px auto;})