Својство text-align

Својство text-align поставља поравнање текста: по левој ивици, по десној, по центру, по левој и десној ивици истовремено.

Синтакса

cssселектор {
  text-align: center | left | right | justify | auto | start | end;
}

Вредности

Вредност Опис
center Текст ће бити поравнат по центру.
left Текст ће бити поравнат по левој ивици.
right Текст ће бити поравнат по десној ивици.
justify Текст ће бити поравнат истовремено и по десној и по левој ивици.
auto Не мења поравнање елемента (подразумевана вредност).
start Једнако left, ако текст иде са лева на десно, и right, када текст иде са десна на лево (арапски језик и слично).
end Једнако right, ако текст иде са лева на десно и left, када текст иде са десна на лево.

Подразумевана вредност: auto. У већини случајева подразумевано је текст поравнат по левој ивици (у арапском језику - по десној). Међутим, постоје изузеци, на пример, текст у th биће поравнат по центру.

Пример . Вредност left

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

Результат:

Пример . Вредност right

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

Результат:

Пример . Вредност center

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

Результат:

Пример . Вредност justify

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

Результат: