HTML Legend align attribute

Example Align the fieldset caption to the right: <form>   <fieldset>     <legend align="right">Person...


Align the fieldset caption to the right:
    <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" />

Definition and Usage

The align attribute specifies the alignment of the caption in a fieldset.

Browser Support

The "top", "left" and "right" values of this attribute seems to be well supported in all the major browsers except opera. However, the "bottom" value does not work in any of the major browsers.

Compatibility Notes

The align attribute of the legend element was deprecated in HTML 4.01, and is not supported in XHTML 1.0 Strict DTD.
Browsers treat the legend element differently, which makes it hard to style with CSS. So, even though the align attribute is deprecated, it may still be the best way of aligning legend text.


<legend align="value">

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


Best Online Tutorials | Source codes | Programming Languages: HTML Legend align attribute
HTML Legend align attribute
Best Online Tutorials | Source codes | Programming Languages
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy Table of Content