HTML align Attribute
HTML align Attribute in HTML is used to specify the alignment of the text content of The Element. This attribute is used in all elements. The Align attribute can also be set using the CSS property “text-align: ” or in <img> “vertical-align: “. For horizontal alignment, use align
with values like “left,” “center,” or “right” within appropriate tags.
Supported Tags:
Syntax:
<element_name align="left | right | center | justify">
Attribute Values:
Attribute Values |
Description |
---|---|
left |
It sets the text left-align. |
right |
It sets the text right-align. |
center |
It sets the text center-align. |
justify |
It stretches the text of a paragraph to set the width of all lines equal. |
Example 1: This example shows the use of the align attribute with an example.
html
<!DOCTYPE html> < html > < head > < title > HTML p align Attribute </ title > </ head > < body > < h1 >w3wiki</ h1 > < h2 >HTML p align Attribute</ h2 > < p align = "left" > Left align content </ p > < p align = "center" > center align content </ p > < p align = "right" > Right align content </ p > </ body > </ html > |
Output:
Example 2: This example shows the use of the align attribute with another example.
html
<!DOCTYPE html> < html > < head > < title >gfg</ title > </ head > < body > < h1 >w3wiki</ h1 > < h2 > div align Attribute </ h2 > < div align = "center" > div align="center" </ div > < div align = "left" > div align="left" </ div > < div align = "right" > div align="right" </ div > < div align = "justify" > div align="justify" </ div > </ body > </ html > |
Output:
Supported Browsers:
- Google Chrome 1
- Edge 12
- Firefox 1
- Apple Safari 3
- Opera 12.1
Contact Us