Создание надстрочного текста в HTML: подробное руководство

Чтобы создать надстрочный текст в HTML, вы можете использовать тег . Вот несколько способов создания надстрочного текста в HTML:

Метод 1. Использование тега

<p>This is an example<sup>superscript</sup> text.</p>

Метод 2. Использование тега с CSS

<p>This is an example<span >superscript</span> text.</p>

Метод 3. Использование кода объекта HTML (от ¹до &sup9;) или Unicode для определенных чисел

<p>This is an example x<sup>2</sup> text.</p>
<p>This is an example 10<sup>th</sup> text.</p>

Метод 4. Использование тега с классами CSS

<p>This is an example<span class="superscript">superscript</span> text.</p>
<style>
  .superscript {
    vertical-align: super;
    font-size: smaller;
  }
</style>