Text CSS. Aliniere text. Proprietatea text-align.

Aliniere text (Text Alignment)

Proprietatea text-align este utilizată pentru a seta alinierea orizontală a unui text.

Un text poate fi aliniat la stânga sau la dreapta, centrat sau justificat (left sau right, centered sau justified).

Următorul exemplu arată textul aliniat la centru și aliniat la stânga și la dreapta (alinierea la stânga este implicită dacă direcția textului este de la stânga la dreapta, iar alinierea la dreapta este implicită dacă direcția textului este de la dreapta la stânga):

Exemplu:
 

h1 {
  text-align: center;
}

h2 {
  text-align: left;
}

h3 {
  text-align: right;
}

Când proprietatea de aliniere a textului este „justify”, fiecare linie este întinsă astfel încât fiecare linie să aibă lățimea egală, iar marginile stânga și dreapta sunt drepte (ca în reviste și ziare):

Exemplu:

div {
  text-align: justify;
}