HTML Superscript: Main Tips
- The text between
<sup>
tags is converted to HTML superscript. - HTML superscript occupies half the usual character space and has a raised baseline.
- You must include both opening and closing HTML superscript tags.
- The
<sup>
tag does not have specific attributes, but supports global ones.

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

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

Pros Main Features
- A wide range of learning programs
- University-level courses
- Easy to navigate
- Verified certificates
- Free learning track available
- University-level courses
- Suitable for enterprises
- Verified certificates of completion
Using the sup Tag
By surrounding inline text with <sup>
tags, you can make it look as superscript in HTML:
You should only use superscript in HTML for typographical reasons, such as:
- superior lettering
- ordinal numbers
- exponents
Example
<!--This is superior lettering in French language:-->
<p>1<sup>er</sup>, N<sup>ième</sup>, XVI<sup>e</sup> siècle</p>
<!--These are ordinal numbers:-->
<p>1<sup>st</sup>, 2<sup>nd</sup>, 3<sup>rd</sup></p>
<!--These are exponents:-->
<p>2<sup>2</sup>, 3<sup>3</sup>, 5<sup>5</sup></p>
In other cases, use CSS styling properties instead of HTML superscript:
Tip: learn how to add additional CSS modifications in the CSS Fonts tutorial.
Browser support

Chrome
All

Edge
All

Firefox
1+

IE
All

Opera
All

Safari
All
Mobile browser support

Chrome
All

Firefox
4+

Opera
All

Safari
All