Skip to content
Related Articles

Related Articles

Improve Article

How to define superscripted text using HTML5 ?

  • Last Updated : 29 May, 2020

In this article, we will set a superscript text by using the <sup> tag. It is used to add a superscript text to the HTML document. The sup tag defines the superscript text. Superscript text appears half a character above the normal line and is sometimes rendered in a smaller font. Superscript text can be used for footnotes.

Syntax:

<sup> Contents... </sup>

Example 1:




<!DOCTYPE html>
<html>
  
<head>
    <title>
        Define a superscript text
    </title>
</head>
  
<body>
    <h2>
        GeeksForGeeks
    </h2>
    <h2>
        How to Define a superscript Text.
    </h2>
      
    <p>
        Geeks<sup>For</sup>Geeks
    </p>
  
    <p>
        Testing <sup>superscript text</sup>
    </p>
</body>
  
</html>

Output:

Example 2:






<!DOCTYPE html>
<html>
  
<head>
    <style>
        sup {
            vertical-align: super;
            font-size: small;
        }
    </style>
</head>
  
<body>
    <h2>
        GeeksForGeeks
    </h2>
  
    <h2>
        HTML5: How to define 
        superscripted text?
    </h2>
  
    <p>
        A sup element is 
        displayed like this:
    </p>
  
    <p>
        This text contains 
        <sup>superscript text</sup>
    </p>
  
    <p>
        Change the default CSS 
        settings to see the effect.
    </p>
</body>
  
</html>

Output:

Supported Browsers:

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Safari

Attention reader! Don’t stop learning now. Get hold of all the important Comcompetitivepetitve Programming concepts with the Web Design for Beginners | HTML  course.




My Personal Notes arrow_drop_up
Recommended Articles
Page :