上付き/下付き文字

参考にさせていただきましたm(. . )m
はてなブログで上付き/下付き文字 - always one step forward

sup {
    vertical-align: baseline;
    position:relative;
    top:-3px
}
sub {
    vertical-align: baseline;
    position:relative;
    top:3px
}

メニューから「デザイン」＞「カスタマイズタブ」

デザインCSSに上記のスタイルシートを記述

H₂O
→ H₂O