CSSで上付き文字、下付き文字をするやり方

CSSを使って上付き文字、下付き文字を表示させたいときは、vertical-alignプロパティを使います。
上付き文字は「super」、下付き文字は「sub」の値を指定します。

上付き文字
.super {
  vertical-align: super;
}
下付き文字
.sub {
  vertical-align: sub;
}

このコードを実際に試してみると、このようになります。

サンプルのHTML
<p>2<span class="super">2</span>=4;</p>
<p>H<span class="sub">2</span>O;</p>

上付き文字と下付き文字の結果