Proprietatea text-align

Proprietatea text-align stabilește alinierea textului: la stânga, la dreapta, pe centru, simultan la stânga și la dreapta.

Sintaxă

cssselector {
  text-align: center | left | right | justify | auto | start | end;
}

Valori

Valoare Descriere
center Textul va fi aliniat pe centru.
left Textul va fi aliniat la stânga.
right Textul va fi aliniat la dreapta.
justify Textul va fi aliniat simultan atât la stânga, cât și la dreapta.
auto Nu modifică alinierea elementului (valoarea implicită).
start Egal cu left, dacă textul curge de la stânga la dreapta, și right, când textul curge de la dreapta la stânga (limba arabă etc.).
end Egal cu right, dacă textul curge de la stânga la dreapta și left, când textul curge de la dreapta la stânga.

Valoarea implicită: auto. În majoritatea cazurilor, implicit textul este aliniat la stânga (în limba arabă - la dreapta). Cu toate acestea, există excepții, de exemplu, textul din th va fi aliniat pe centru.

Exemplu . Valoarea left

html<p>
  some long text
</p>
cssp {
  text-align: left;
  width: 400px;
}

Результат:

Exemplu . Valoarea right

html<p>
  some long text
</p>
cssp {
  text-align: right;
  width: 400px;
}

Результат:

Exemplu . Valoarea center

html<p>
  Lorem ipsum dolor sit amet.
</p>
cssp {
  text-align: center;
}

Результат:

Exemplu . Valoarea justify

html<p>
  some long text
</p>
cssp {
  text-align: justify;
  width: 400px;
}

Результат: