Text-align e Vertical-align
Le proprietà di allineamento del testo permettono di controllare la posizione del contenuto.
text-align
Allinea il testo orizzontalmente:
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.justify { text-align: justify; }vertical-align
Allinea elementi inline verticalmente:
img {
vertical-align: middle; /* Allinea al centro del testo */
}
/* Valori: baseline, top, middle, bottom, text-top, text-bottom */Centrare testo verticalmente
.box {
height: 100px;
line-height: 100px; /* Uguale all altezza */
text-align: center;
}