Allineamento del testo CSS

Allineamento del testo

text-align L'attributo viene utilizzato per impostare il modo di allineamento orizzontale del testo.

Il testo può essere allineato a sinistra, a destra o al centro.

Esempio che mostra l'allineamento centrale e laterale del testo (se la direzione del testo è da sinistra a destra, l'allineamento di default è a sinistra; se la direzione del testo è da destra a sinistra, l'allineamento di default è a destra):

Esempio

h1 {
  text-align: center;
}
h2 {
  text-align: left;
}
h3 {
  text-align: right;
}

Prova personalmente

quando text-align Dopo aver impostato l'attributo su "justify", ogni riga verrà allungata per garantire che ogni riga abbia una larghezza uguale e i margini laterali saranno dritti (come nei giornali e nelle riviste):

Esempio

div {
  text-align: justify;
}

Prova personalmente

Direzione del testo

direction e unicode-bidi L'attributo può essere utilizzato per modificare la direzione del testo dell'elemento:

Esempio

p {
  direction: rtl;
  unicode-bidi: bidi-override;
}

Prova personalmente

Allineamento verticale

vertical-align Imposta il modo di allineamento verticale dell'elemento.

Questo esempio dimostra come impostare il posizionamento verticale dell'immagine nel testo:

Esempio

img.top {
  vertical-align: top;
}
img.middle {
  vertical-align: middle;
}
img.bottom {
  vertical-align: bottom;
}

Prova personalmente