Атрибут align
Оновлено: 13.06.2022
Атрибут align
Вирівнювання вмісту контейнера <div> по краю.
Цей атрибут застарів, замість нього використовуйте стилі.
Синтаксис
<div align="center | left | right | justify">...</div>
Значення
center | Вирівнювання тексту по центру. Текст розміщується по центру горизонталі вікна браузера або контейнера, де розташований текстовий блок. Рядки тексту наче нанизуються на вертикальну невидиму вісь, яка проходить по центру вебсторінки. Подібний спосіб вирівнювання активно використовується в заголовках та різних підписах на кшталт підмалювальних, він надає офіційного та солідного вигляду оформленню тексту. У всіх інших випадках вирівнювання центром застосовується рідко з тієї причини, що читати великий обсяг такого тексту незручно. |
left | Вирівнювання тексту за лівим краєм. У цьому випадку рядки тексту вирівнюється за лівим краєм, а правий край розташовується «драбинкою». Такий спосіб вирівнювання є найпопулярнішим на сайтах, оскільки дозволяє користувачеві легко відшукувати поглядом новий рядок та комфортно читати великий текст. |
right | Вирівнювання тексту за правим краєм. Цей спосіб вирівнювання виступає у ролі антагоніста попереднього типу. А саме: рядки тексту дорівнюють праворуч, а лівий залишається «рваним». Через те, що лівий край не вирівняний, а саме з нього починається читання нових рядків, такий текст читати важче, ніж якби він був вирівняний за лівим краєм. Тому вирівнювання за правим краєм застосовується зазвичай для коротких заголовків обсягом трохи більше трьох рядків. Ми не розглядаємо специфічні сайти, де текст доводиться читати праворуч, там можливо подібний спосіб вирівнювання і знадобиться. |
justify | Вирівнювання по ширині, що означає одночасне вирівнювання за лівим та правим краєм. Щоб зробити це, браузер додає пробіли між словами. |
Значення за замовчуванням
left
Приклад
Результат цього прикладу показано на рис. 1.
Примітка
Для вирівнювання тексту всередині <div> використовуйте стильову властивість text-align.