Свойство text-align

Свойството text-align задава подравняване на текста: в ляво, в дясно, централно, или едновременно в ляво и в дясно (justify).

Синтаксис

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

Результат: