HTML <img> align Attribute

HTML <img> tag

Example
Align an image in the middle of a text:
<p>This is some text. <img src="smiley.gif" alt="Smiley
face" align="middle"> This is some text.</p>

Try it Yourself

Browser Support

The align attribute is supported in all major browsers.

Definition and Usage
The align attribute specifies the alignment of an image according to the surrounding
element.
The <img> element is an inline element (it does not insert a new line on a page),
meaning that text and other elements can wrap around it. Therefore, it can be useful
to specify the alignment of the image according to surrounding elements.

Compatibility Notes
The align attribute of <img> is not supported in HTML5. Use CSS instead.
For the image to align middle, top, or bottom use the CSS property vertical-align.
For the image to align left or right use the CSS property float.
CSS Example: Align image

Syntax
<img align="left|right|middle|top|bottom">
Attribute Values
Value Description
left Align the image to the left
right Align the image to the right
middle Align the image in the middle
top Align the image at the top
bottom Align the image at the bottom


HTML <img> tag