CSS приклад: text-align

Тег CSS: text-align

Тег text-align в CSS визначає горизонтальне вирівнювання тексту всередині елемента.

Версії CSS

CSS 1	CSS 2	CSS 2.1	CSS 3

Опис

Оприділяє горизонтальне вирівнювання тексту всередині елемента.

Синтаксис

CSS2.1	`text-align: center \| justify \| left \| right \| inherit`
CSS3	`text-align: center \| justify \| left \| right \| start \| end`

Значення

center: Вирівнювання тексту по центру.
justify: Вирівнювання по ширині, при якому слова розтягуються між собою.
left: Вирівнювання тексту по лівому краю.
right: Вирівнювання тексту по правому краю.
inherit: Наслідує значення батьківського елемента.
start: Аналогічно значенню left або right в залежності від напрямку тексту.
end: Аналогічно значенню right або left в залежності від напрямку тексту.

Приклади використання даного тегу:

<div style="text-align: center;">Текст по центру</div>
<p style="text-align: justify;">Текст з вирівнюванням по ширині</p>
<span style="text-align: right;">Текст по правому краю</span>

Браузери

Internet Explorer до версії 7.0 вирівнює не тільки вміст блочного елемента, але й сам елемент.

Текст

Часті запитання

Q: Як використовувати text-align в CSS?

A: Властивість text-align в CSS використовується для вирівнювання тексту всередині блокового елементу.
Q: Які значення можна задати для text-align в CSS?

A: Для властивості text-align можна задати значення left (ліве вирівнювання), right (праве вирівнювання), center (центрування) або justify (рівномірний відступ для кожного рядка).
Q: Де можна застосовувати text-align в CSS?

A: Властивість text-align можна застосовувати до блокових елементів, таких як <div>, <p>, <h1>-<h6> та інші.
Q: Чи можна використовувати text-align для таблиць в CSS?

A: Так, властивість text-align можна використовувати для вирівнювання тексту всередині комірок таблиці.
Q: Як вирівняти текст по центру всередині блокового елементу за допомогою text-align?

A: Для вирівнювання тексту по центру використовуйте значення 'center' для властивості text-align.