HTML <img> align Attribute
HTML <img> align attribute is used to set the alignment of an image. It is an inline element. It is used to specify the alignment of the image according to surrounding elements.
- Set
align
to “left,” “center,” or “right” for horizontal alignment. Example: <img src="example.jpg" align="right">
.Â
- We can achieve alignment via CSS properties such as
float
or margin
for a flexible approach.
- It is not supported by HTML 5. HTML 5 uses CSS property instead of this attribute.
Syntax:Â
<img align="left | right | middle | top | bottom ">
Attribute Values:Â
- left: It sets the alignment of the image to the left.
- right: It sets the alignment of the image to the right.
- middle: It sets the alignment of the image to the middle.
- top: It sets the alignment of the image to the top.
- bottom: It sets the alignment of the image to the bottom.
Example 1:Â
In this example, we are aligning the image left and right.
html
<!DOCTYPE html>
< html >
< head >
< title >
HTML img align Attribute
</ title >
</ head >
< body >
< h1 >
GeeksforGeeks
</ h1 >
< h2 >
HTML img align Attribute
</ h2 >
< img src =
align = "right" >
< img src =
align = "left" >
</ body >
</ html >
|
Output:Â
Example 2:Â
In this example, we are aligning the image in center.
HTML
<!DOCTYPE html>
< html >
< head >
< title >
HTML img align Attribute
</ title >
</ head >
< body >
< h1 >
GeeksforGeeks
</ h1 >
< h2 >
HTML img align Attribute
</ h2 >
< img src =
alt = "GeeksforGeeks logo"
align = "center" >
</ body >
</ html >
|
Output:
center alignment
Supported Browsers:
The browser supported by HTML <img> align Attribute are listed below:Â
- Google Chrome 1 and above
- Edge 12 and above
- Firefox 1 above
- Apple Safari 3 and above
- Opera 12.1 and above
HTML is the foundation of web pages, is used for webpage development by structuring websites and web apps. You can learn HTML from the ground up by following this HTML Tutorial and HTML Examples.
Last Updated :
22 Dec, 2023
Like Article
Save Article
Share your thoughts in the comments
Please Login to comment...