FabioBonanni

Assistenza informatica e Sviluppo Web...

Html Css

Centrare il testo verticalmente rispetto ad una immagine con i css

Uno dei problemi che apparentemente sembra essere insuperabile è centrare un testo verticalmente rispetto ad una immagine.
Il problema che andiamo a risolvere oggi riguarda la casistica in cui si vuole inserire una immagine e mettere vicino ad essa del testo centrato verticalmente rispetto all'immagine stessa.
Una situazione tipica in cui si presenta questo problema è voler ad esempio inserire in una pagina un elenco di categorie rappresentate da una immagine e mettere vicino il nome della categoria centrato verticalmente rispetto all'immagine.

In condizioni normali il testo viene posto in basso all'immagine.

Allora vediamo un piccolo esempio.








Immagine

src="prova.jpg" width="150" />
Ecco il testo centrato





Naturalmente si può spostare la proprietà style nel vostro css facendo una apposita classe.

Nel link che vi propongo c'è un esempio di dove ho usato questa soluzione.

 

 


Pagina di esempio


Last Post

Archivio Post