How to format a superscript with HTML

Question

How do I format this in a HTML page? What is the tag for it? I don’t know how to get this 1 written above the text.

POssible duplicate of https://stackoverflow.com/questions/1530685/html-sup-tag-affecting-line-height-how-to-make-it-consistent — Athul Nath, Mar 14 '18 at 06:03

score 3 · Accepted Answer · answered Mar 14 '18 at 05:47

Probably the <sup> element for superscript text.

Like^this.

<p>Like<sup>this</sup></p>

There's also <sub> for subscript text:

Like_this.

<p>Like<sub>this</sub></p>

Note that these elements are meant for actual textual superscript and subscript text. Remember that HTML is semantic: it describes what the content is, not what the content looks like (that's what CSS is for).

In CSS you can do this the simple way by setting vertical-align: super with font-size: 80% on an inline-element (like <span> but not <div>, a block-element).

Another approach is to do it manually with creative use of margin or position: relative - in which case it depends on your application.

score 1 · Answer 2 · answered Mar 14 '18 at 05:50

1

Using the SuperScript tag

Kasparov<sup>1</sup>

Kasparov¹

answered Mar 14 '18 at 05:50

AurA

12,135
7
46
63

How to format a superscript with HTML

2 Answers2