HTML sup Tag

Last Updated : 19 Jul, 2022

The <sup> tag in HTML describes the text as a superscript text. Here the text is above the baseline of the text and that text appears in a smaller font.

Syntax:

<sup> Content... </sup>

Example 1:

html

&lt;!DOCTYPE html&gt;
&lt;html&gt;

&lt;head&gt;
    &lt;title&gt;HTML sup Tag&lt;/title&gt;
&lt;/head&gt;

&lt;body style=&quot;text-align: center;&quot;&gt;
    
    &lt;h1 style=&quot;color: green;&quot;&gt;
        GeeksforGeeks
    &lt;/h1&gt;

    &lt;h3&gt;HTML &amp;lt;sup&amp;gt; Tag&lt;/h3&gt;

    &lt;p&gt;a&lt;sup&gt;2&lt;/sup&gt;&lt;/p&gt;
&lt;/body&gt;

&lt;/html&gt;

Output:

Example 2:

html

&lt;!DOCTYPE html&gt;
&lt;html&gt;

&lt;head&gt;
    &lt;title&gt;
        HTML sup Tag
    &lt;/title&gt;
    
    &lt;style&gt;
        sup {
            vertical-align: super;
            font-size: medium;
        }
    &lt;/style&gt;
&lt;/head&gt;

&lt;body&gt;
    &lt;p&gt;
        Examples to demonstrate 
        superscript text
    &lt;/p&gt;
    
    &lt;p&gt;2 &lt;sup&gt;4&lt;/sup&gt;=16&lt;/p&gt;
    &lt;p&gt;X &lt;sup&gt;4&lt;/sup&gt;+ Y&lt;sup&gt;6&lt;/sup&gt;&lt;/p&gt;
    &lt;p&gt;9&lt;sup&gt;th&lt;/sup&gt; of september&lt;/p&gt;

    &lt;p&gt;
        Change the default CSS settings 
        to see the effect.
    &lt;/p&gt;
&lt;/body&gt;

&lt;/html&gt;

Output:

Supported Browsers:

Google Chrome
Edge 12 and above
Internet Explorer
Firefox 1 and above
Apple Safari
Opera

HTML sup Tag

C

codingbeast12

Improve

Article Tags :

Practice Tags :

Misc

Similar Reads

HTML <p> tag defines the paragraph and is used to give structure to text content within a webpage. It is a block-level element & used to add the space or margins after and before the element this is done by browsers by default.Note: The HTML <p> tag supports the Global Attributes and

The <rp> tag in HTML is used to provide parentheses around a ruby main text that defines the information. This tag is used when the browser does not support ruby annotations. Such kind of annotation is used in Japanese publications. It is an optional tag. This tag is used within the <ruby

The pre tag in HTML defines a block of preformatted text, preserving spaces, line breaks, and tabs. It displays text in a fixed-width font, which can be styled using CSS. This tag is useful for displaying code, formatted text, and preserving text layout.HTML<!DOCTYPE html> <html> <bod

The HTML <style> tag in HTML defines CSS for document styling. The <style> element is placed in the <head> section of the document.Syntax:<style> /* CSS properties applied inside this style tag */ .divtag{ color: blue }</style>Attributes:AttributesDescriptionmediaIt tak

The HTML <img> tag is used to embed images in a web page. It is an empty or self-closing tag, meaning it doesnâ€™t have a closing tag. It allows to display images from various sources, such as files on a website or URLs from other websites.index.html<html> <head></head> <bod