HTML <legend> align Attribute
Example
Align the caption to the right:
<form>
<fieldset>
<legend align="right">Personalia:</legend>
Name: <input type="text" size="30"><br>
Email: <input type="text" size="30"><br>
Date of birth: <input type="text" size="10">
</fieldset>
</form>
Try it Yourself »
Definition and Usage
The align attribute specifies the alignment of the caption in a fieldset.
Browser Support
| Attribute | |||||
|---|---|---|---|---|---|
| align | Yes | Yes | Yes | Yes | Yes |
The "left" and "right" values of the align attribute is supported in all major browsers, except Opera 12 and earlier versions. The "bottom" value does not work in any of the major browsers.
Compatibility Notes
The align attribute of <legend> is not supported in HTML5. Use CSS instead.
CSS syntax: <legend style="float:right">
CSS Example: Let the fieldset caption float to the right
In our CSS tutorial you can find more details about the float property.
Syntax
<legend align="left|right|top|bottom">
Attribute Values
| Value | Description |
|---|---|
| left | Aligns the caption to the left (this is default) |
| right | Aligns the caption to the right |
| top | Aligns the caption at the top |
| bottom | Aligns the caption at the bottom |
❮ HTML <legend> tag
