Атрибут align

Застаріло

Оновлено: 13.06.2022

Атрибут align

Вирівнювання вмісту контейнера <div> по краю.

Цей атрибут застарів, замість нього використовуйте стилі.

Синтаксис

<div align="center | left | right | justify">...</div>

Значення

center Вирівнювання тексту по центру. Текст розміщується по центру горизонталі вікна браузера або контейнера, де розташований текстовий блок. Рядки тексту наче нанизуються на вертикальну невидиму вісь, яка проходить по центру вебсторінки. Подібний спосіб вирівнювання активно використовується в заголовках та різних підписах на кшталт підмалювальних, він надає офіційного та солідного вигляду оформленню тексту. У всіх інших випадках вирівнювання центром застосовується рідко з тієї причини, що читати великий обсяг такого тексту незручно.
left Вирівнювання тексту за лівим краєм. У цьому випадку рядки тексту вирівнюється за лівим краєм, а правий край розташовується «драбинкою». Такий спосіб вирівнювання є найпопулярнішим на сайтах, оскільки дозволяє користувачеві легко відшукувати поглядом новий рядок та комфортно читати великий текст.
right Вирівнювання тексту за правим краєм. Цей спосіб вирівнювання виступає у ролі антагоніста попереднього типу. А саме: рядки тексту дорівнюють праворуч, а лівий залишається «рваним». Через те, що лівий край не вирівняний, а саме з нього починається читання нових рядків, такий текст читати важче, ніж якби він був вирівняний за лівим краєм. Тому вирівнювання за правим краєм застосовується зазвичай для коротких заголовків обсягом трохи більше трьох рядків. Ми не розглядаємо специфічні сайти, де текст доводиться читати праворуч, там можливо подібний спосіб вирівнювання і знадобиться.
justify Вирівнювання по ширині, що означає одночасне вирівнювання за лівим та правим краєм. Щоб зробити це, браузер додає пробіли між словами.

Значення за замовчуванням

left

Приклад

Результат цього прикладу показано на рис. 1.

Рис. 1. Вирівнювання елементів за допомогою атрибуту align

Примітка

Для вирівнювання тексту всередині <div> використовуйте стильову властивість text-align.

Браузери

div: align

Переглянути сумісність з Can I use?

div: align