Align an image in the middle of a text:
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.
Attribute | |||||
---|---|---|---|---|---|
align | Yes | Yes | Yes | Yes | Yes |
The align attribute is deprecated, but still supported in all major browsers.
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.
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 |