Тег <img> Атрибут <align>

Для изображений можно указывать их положение относительно текста или других изображений на веб-странице. Способ выравнивания изображений задается атрибутом align тега <img>.

поддержка браузерами:
IExplorer Chrome Opera Safari Firefox Android iOS
1.0+ 1.0+ 1.0+ 1.0+ 1.0+ 1.0+ 1.0+
спецификация:
HTML: 3.2 4.01 5.0
XHTML: 1.0 1.1
синтаксис:
<img align="bottom | left | middle | right | top">
значения:

В табл. 1 перечислены возможные значение атрибута align и результат его использования.

Табл. 1. Использование значений атрибута align
ЗначениеОписаниеПример
bottom Выравнивание нижней границы изображения по окружающему тексту.. Lorem ipsum dolor sit amet, consectetuer adipiscing elit...
left Выравнивает изображение по левому краю окна. Lorem ipsum dolor sit amet, consectetuer adipiscing elit...
middle Выравнивание середины изображения по базовой линии текущей строки. Lorem ipsum dolor sit amet, consectetuer adipiscing elit...
right Выравнивает изображение по правому краю окна. Lorem ipsum dolor sit amet, consectetuer adipiscing elit...
top Верхняя граница изображения выравнивается по самому высокому элементу текущей строки. Lorem ipsum dolor sit amet, consectetuer adipiscing elit...

 Наиболее популярные значения — left и right, создающие обтекание текста вокруг изображения.

пример кода:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
  "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Тег IMG, атрибут align</title>
 </head>
 <body>

  <p><img src="images/square.gif" alt="Квадрат" width="20" height="20" 
  align="right"> Этот текст обтекает рисунок по его левому краю.</p>
 
</body>
</html>
примечание:

Использование этого атрибута осуждается спецификацией HTML, валидный код получается только при использовании переходного <!DOCTYPE>.