【css】上付き文字、下付き文字

css

「sup」は数学的な表示(「m2」とか)に使うのが本来の使用方法。

例えば「※1」等の注釈に使う際のcss設定

◆上付き文字

.sup {
font-size: .8rem; /*好きな文字サイズで*/
vertical-align: top; /*ここがポイント*/
position: relative;
top: -0.1em;/*あってもなくてもお好みで*/
}

◆下付き文字

.sub {
font-size: .8rem; /*好きな文字サイズで*/
vertical-align: bottom; /*ここがポイント*/
position: relative;
top: 0.1em; /*あってもなくてもお好みで*/
}

コメント