Web-Programming.in.ua

Вирівнювання елементів в HTML

Привіт, в цій статті ми навчимось вирівнювати елементи по лівому, правому краю і по центру.

За замовчуванням браузер вирівнює усі елементи по лівому краю. Існують різні способи вирівнювання.

Найстаріший і найлегший спосіб вирівняти елемент по центру - тег "center":

<center>
    <p>text, text, text...</p>
</center>

Інший спосіб, яким користуються зараз усі - атрибут "align".

Приклад: помістимо контент в контейнер - "div", і вирівняємо по правому краю:

<div align="right">
    <h2>Заголовок h2</h2>
    <p>Текст вирівняний по правому краю</p>
</div>

Також способом вирівнювання є таблиці. Стаття про них буде пізніше.

Отже атрибут "align" може мати значення "left", "center", "right" - по ліво, по центру, по право відповідно.

Результат написаного в статті: http://examples.web-programming.in.ua/align_in_html/index.html

Тільки авторизовані користувачі можуть додавати коментарі.

Нагору