HTML | <legend> align Attribute
The <legend> align attribute in HTML is used to specify the alignment of the caption in a <fieldset> element. The left and right alignment of <legend> element are supported by major browsers except Opera 12 and earlier versions. The bottom alignment are not supported by any browsers.
Syntax:
<legend align="left|right|top|bottom">
Attribute Values:
- left: It sets the caption to the left of element. By default, it is aligned to left.
- right: It sets the caption to the right of element.
- top: It sets the caption to the top of element.
- bottom: It sets the caption to the bottom of element.
Note: The <legend> align attribute is not supported by HTML 5.
Below example illustrates the use of align attribute in a <legend> element:
Example:
html
<!DOCTYPE html> < html > < head > < title > HTML legend align Attribute </ title > < style > form { width: 50%; } label { display: inline-block; float: left; clear: left; width: 90px; margin:5px; text-align: left; } input[type="text"] { width:250px; margin:5px 0px; } .gfg { font-size:40px; color:green; font-weight:bold; } </ style > </ head > < body > < h1 class = "gfg" > w3wiki </ h1 > < h2 >HTML < legend > align Attribute </ h2 > < form > < fieldset > < legend align = "right" >STUDENT::</ legend > < label >Name:</ label > < input type = "text" >< br > < label >Email:</ label > < input type = "text" >< br > < label >Date of birth:</ label > < input type = "text" >< br > < label >Address:</ label > < input type = "text" >< br > < label >Enroll No:</ label > < input type = "text" > </ fieldset > </ form > </ body > </ html > |
Output:
Supported Browsers: The browsers supported by HTML <legend> align attribute are listed below:
- Google Chrome
- Internet Explorer
- Firefox
- Safari
- Opera