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;
}

Hai trovato utile quest'articolo?

  • Introduzione al CSS

    Il CSS (Cascading Style Sheets) è il linguaggio utilizzato per definire lo stile e la presentazione ...
  • Selettori CSS di base

    I selettori CSS permettono di identificare gli elementi HTML a cui applicare gli stili.Tipi di selet...
  • Proprietà color e background

    Le proprietà color e background sono fondamentali per definire l'aspetto visivo degli elementi.Propr...
  • Margin e Padding

    Margin e Padding controllano lo spazio intorno e dentro gli elementi.Differenza chiaveMargin: spazio...
  • Box Model CSS

    Il Box Model è il concetto fondamentale che descrive come ogni elemento HTML è rappresentato come un...