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.

Answer 1

Using the SuperScript tag

Kasparov<sup>1</sup>

Kasparov¹

Answer 2

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.