Основна проблема, пов’язана з центруванням елементів HTML, полягає в тому, що може бути важко досягти узгодженого результату в різних браузерах. Це пояснюється тим, що кожен браузер має власну інтерпретацію того, як елементи повинні бути центровані, і існують різні методи, доступні для центрування елементів. Крім того, деякі старі браузери можуть не підтримувати сучасніші методи центрування елементів HTML.
<p align="center">This text is centered.</p>
1. Цей рядок коду встановлює вирівнювання тексту по центру. Тег HTML
вказує, що це елемент абзацу, а атрибут align=”center” встановлює вирівнювання тексту в цьому елементі по центру.
2. Цей рядок коду відображає текст «Цей текст вирівняно по центру». у вікні браузера з вирівнюванням по центру, як зазначено в рядку 1.
вирівняти атрибут
Команда
Атрибут align використовується для встановлення вирівнювання абзацу в HTML. Його можна використовувати для встановлення вирівнювання тексту в абзаці, а також для вирівнювання всього абзацу на сторінці. Можливі значення для цього атрибута: ліворуч, праворуч, по центру, вирівнювання та успадкування. Значення за замовчуванням залишилося.
У разі використання атрибута align із текстом у абзаці всі рядки тексту в цьому абзаці вирівнюються відповідно до вказаного значення. Наприклад:
Цей рядок тексту буде вирівняно по центру.
Це призведе до того, що всі рядки тексту в цьому конкретному абзаці будуть розташовані по центру сторінки.
Якщо атрибут align використовується для цілого абзацу, цей конкретний абзац буде вирівняно відповідно до вказаного значення. Наприклад:
Весь цей рядок тексту буде вирівняно за правим краєм.
Це призведе до того, що цей конкретний рядок тексту (і будь-який інший вміст, що міститься в ньому) буде вирівняно за правим краєм сторінки.
Як встановити вирівнювання тексту в HTML
Налаштування вирівнювання тексту в HTML здійснюється за допомогою атрибута style. Атрибут style визначає вбудований стиль для елемента.
Щоб встановити вирівнювання тексту в HTML, використовуйте атрибут style і властивість text-align. Властивість text-align визначає горизонтальне вирівнювання тексту в елементі.
У наведеному нижче прикладі показано, як встановити вирівнювання за лівим краєм, за правим краєм, по центру та за шириною для абзацу:
Це вирівняно за лівим краєм.
Це вирівняно по правому краю.
Це вирівняно по центру.
Це виправдано.
