「m3」や「CO2」など、上付き・下付き文字を設定する場合にいつも悩みます。
上付き（下付き）にすることに意味があるような気がするので、(X)HTMLで問題ないとは思いつつ。
でもやっぱり見た目をコントロールしているようで何となく気持ちが悪い。
調べてもどうやら非推奨タグではなさそうなので、今のところ(X)HTMLでの設定を採用しています。
ただ、CSSでもvertical-alignで設定できるということは知っているので、こういう場面に遭遇するたび悩むのです。
まぁCSSを使う場合でもspanタグを使ったりしないといけないので、結局ソースはあまり変わらないんですけど。
ケースバイケース、なんでしょうかね。