X
HOME HTML CSS JAVASCRIPT SQL PHP JQUERY ANGULAR BOOTSTRAP XML ASP.NET MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

HTML <img> align Attribute

HTML img Tag Reference 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

Internet Explorer Firefox Opera Google Chrome Safari

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 Reference HTML <img> tag

Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB HOSTING

UK Reseller Hosting

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates

SHARE THIS PAGE

facebook