Contents
HTML legend: Main Tips
- HTML
legend
element is always the first child of a <fieldset>Â element. - It sets a caption for the content of
<fieldset>
. - You have to include both starting and ending tags.
Using legend Tag in HTML
HTML legend
tags define a caption for the <fieldset>
element:
Example
<form>
 <fieldset>
   <legend>This is the title</legend>
   First input: <input type="text" size="30"><br>
   Second input: <input type="text" size="30"><br>
 </fieldset>
</form>
![DataCamp DataCamp](https://assets.bitdegree.org/online-learning-platforms/storage/media/datacamp-logo-5f96bfc70113e.o.png)
Pros Main Features
- Easy to use with a learn-by-doing approach
- Offers quality content
- Gamified in-browser coding experience
- The price matches the quality
- Suitable for learners ranging from beginner to advanced
- Free certificates of completion
- Focused on data science skills
- Flexible learning timetable
![Udacity Udacity](https://assets.bitdegree.org/online-learning-platforms/storage/media/udacity-review-logo-small.o.png)
Pros Main Features
- Simplistic design (no unnecessary information)
- High-quality courses (even the free ones)
- Variety of features
- Nanodegree programs
- Suitable for enterprises
- Paid Certificates of completion
![Udemy Udemy](https://assets.bitdegree.org/online-learning-platforms/storage/media/udemy-logo-small.o.png)
Pros Main Features
- Easy to navigate
- No technical issues
- Seems to care about its users
- Huge variety of courses
- 30-day refund policy
- Free certificates of completion
Deprecated align Attribute
HTML legend
tag supports all the global attributes. Its only tag-specific attribute was align
which defined the alignment of the caption. However, it is deprecated and not supported by modern browsers:
Example
<form>
<fieldset>
<legend align="right">Align example:</legend>
Align: <input type="text" size="30"><br>
Mode: <input type="text" size="30"><br>
</fieldset>
</form>
Tip: when using the legend tag in HTML, use CSS text-align property instead of the align attribute.
Browser support
![Browser image](https://www.bitdegree.org/learn/assets/browsers/chrome-logo.jpg)
Chrome
All
![Browser image](https://www.bitdegree.org/learn/assets/browsers/edge-logo.jpg)
Edge
All
![Browser image](https://www.bitdegree.org/learn/assets/browsers/firefox-logo.jpg)
Firefox
1+
![Browser image](https://www.bitdegree.org/learn/assets/browsers/ie-logo.jpg)
IE
6+
![Browser image](https://www.bitdegree.org/learn/assets/browsers/opera-logo.jpg)
Opera
All
![Browser image](https://www.bitdegree.org/learn/assets/browsers/safari-logo.jpg)
Safari
All
Mobile browser support
![Browser image](https://www.bitdegree.org/learn/assets/browsers/chrome-logo.jpg)
Chrome
All
![Browser image](https://www.bitdegree.org/learn/assets/browsers/firefox-logo.jpg)
Firefox
4+
![Browser image](https://www.bitdegree.org/learn/assets/browsers/opera-logo.jpg)
Opera
-
![Browser image](https://www.bitdegree.org/learn/assets/browsers/safari-logo.jpg)
Safari
All