HTML <sup> Tag
The HTML sup element is used to describe one or more superscript contents. The sup tag shows a text which is presented above the regular line and half the length of the character. And, this text is simply placed in a smaller font. We can also use the sup tag for representing the Mathematical formulas. Suppose, we want to write 10 to the power of 3, then we can write this using the tiny tag or the sup tag.
It is important to keep in mind that the sup element must be used to define superscript content in HTML documents.
Syntax:
<body>
<p> ……………..
<sup>…………… </sup>
……………. </p>
</body>
Example
Example 1:
This example uses the single sup tag to display the superscript text:
<!DOCTYPE html>
<html>
<head>
<title> html sup tag </ title >
</head>
<body>
<p> This document also contains <sup> some superscript </sup> information in it. </p>
</body>
</html>
Output:
Example 1:
Multiple superscript text can be used in the single document as like the below code:
<!DOCTYPE html >
<html>
<head>
<title> html sup tag < /title >
</head >
<body >
<p> you can use < sup > multiple </sup> superscript tags in a <sup> single document < /sup>. < /p >
</body>
< /html >
Output:
Default CSS Settings
Most of the browsers use CSS part as default to display the superscript text.
Example
sup {
vertical-align: super;
font-size: smaller;
}
Browser support:
List of browsers that support html <section> tag are mentioned below:
Chrome: yes
Microsoft edge: yes – version 12 needed
Firefox: yes – version 1 needed
Safari: yes
Opera: yes