下付き文字による行間の幅について

質問

お世話になります。
<SUB>タグ、CSSだと、Vertical-align:sub; を使用して
下付き文字をHTMLで表示させると行間幅がおかしくなってしまいます。
例えば、
ABCDEFGHI
JKLM<SUB>N</SUB>OPQ
RSTUVWXYZ
のように記述すると、下付き文字の"N"のおかげで２行目と３行目の
行間幅が他よりも広くなってしまうのです。
元々行間幅を大きくとれば解消されると思いますが、
そんなことはしたくないのです。

どなたかご存じでしたらご教授いただければ幸いです。

回答No.1

cipher_roy · ベストアンサー

<sub>タグでなくcssで{vertical-align: baseline; }
<sup>タグでなくcssで{vertical-align: text-top; }
とすると、行間スペースは狂いません。

お礼

ありがとうございます！
行間幅が狂わず表示できました。
大変助かりました、感謝です。