html атрибут align

Атрибут align задає вирівнювання(розміщення) зображення відносно до навколишніх елементів.

Не вдалось завантажти зображення

Тег <img> — вбудований елемент (він не вставляє новий рядок на сторінці), а це означає, що текст і інші елементи можуть бути розташовані навколо нього. Таким чином, це може бути корисно, щоб вказати вирівнювання зображення відповідно до оточуючих елементів.

Порада:	Для отримання зображення котре буде вирівняне по верхньому, нижньому краю чи посередині використовуйте CSS властивість `vertical-align`.
Порада:	Для отримання зображення котре буде вирівняне по праву чи ліву сторону використовуйте CSS властивість float.

Синтаксис

<img align="left|right|middle|top|bottom">

Атрибут align може отримувати 5 значень :

left: Вирівнювання зображення по лівому краю рядка
right: Вирівнювання зображення по правому краю рядка
middle: Вирівнювання середини зображення по базовій лінії поточного рядка.
top: Вирівнювання зображення по верхній межі рядка
bottom: Вирівнювання зображення по нижній межі рядка

Переглядач
	1+	1+	1+	1+	1+	12+

Переглядач
	1+	1+	1+	1+

Мобільних переглядачів ще не додано.

Приклади

Приклад 1
Приклад 2

Приклад використання HTML атрибута align теґа <img>




  See the Pen 


  img.align_css_in_ua by css.in.ua (@css_in_ua)


  on CodePen.

Приклад використання HTML атрибута align теґа <img>




  See the Pen 


  img.align1_css_in_ua by css.in.ua (@css_in_ua)


  on CodePen.

Різниця між HTML 4.01 та HTML5

Атрибут align HTML тега <img> не підтримується в HTML5. Замість нього використовуйте CSS властивості.

Різниця між XHTML та HTML

Немає жодної різниці.

HTML довідник

HTML Теґи