HTML Superscript Generator

Build a <sup> snippet with a live preview and copy the HTML.

2nd
HTML
<sup>2nd</sup>

Free Online HTML Superscript Generator

The <sup> element represents text raised above the baseline, used for footnote markers, ordinal suffixes, and exponents. This generator builds a ready-to-paste <sup> snippet: type your text, adjust the attributes below, and copy the live-updating HTML. The preview on the right renders the exact markup you copy, so you can confirm it looks right before pasting it into your page.

Attributes you can set

  • Text — the content placed between the opening and closing <sup> tags. Special characters (<, >, &, ") are escaped automatically so the output is always valid HTML.

When to use <sup>

Reach for <sup> for footnote references (text1), ordinals (1st), and simple exponents (x2). Using the correct semantic tag (instead of styling plain text with CSS) matters for accessibility: screen readers can announce the element differently, and search engines use it to understand the structure of your content.

If <sup> isn't quite what you need, consider for text lowered below the baseline. Mixing semantic tags correctly keeps your HTML meaningful instead of just visually styled, which helps both accessibility tools and SEO.

Browser support

<sup> is part of the HTML5 specification and is supported by every modern browser without any JavaScript or polyfill. The generated snippet works as-is in any HTML document.

Frequently Asked Questions

No. The output is plain HTML — paste it directly into any page and it renders the same without any script.

Yes. <sup> has been part of the HTML specification for years and is supported by every modern desktop and mobile browser.

Yes. Target it with a class or the tag selector itself (e.g. "sup { color: red; }") to change its default appearance while keeping the semantic meaning.