Уласцівасць 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;
}

Результат: