HTML - Superscript

  »   Styling Tags  »   HTML Tutorial - superscript

To produce a superscript text we will use the <sup> tag.

html<p>This text is <sup>exponential!</sup></p>

Demo

This text is exponential!

HTML - Exponents

We can use the <sup> tag to write mathematical expressions, as you can see:

html3<sup>2</sup> = 9
<br />
14<sup>x</sup>

Demo

32 = 9
14x

HTML - Footer notes

The superscript can be also used for references, explanations, and any other additional information in the footer notes.

html<p>A simple text to show the superscript<sup>1</sup> application.</p>

<hr />
<p><small>1. A superscript is a number, figure, symbol, or indicator that is smaller than the normal line of type and is set slightly above it.</small></p>

Demo

A simple text to show the superscript1 application.


1. A superscript is a number, figure, symbol, or indicator that is smaller than the normal line of type and is set slightly above it.

You can play with this element, which is very rarely used but it is very useful.