上付き文字の調整

注釈などの上付き文字タグのcssでの調整を紹介します。

テーブルなど注釈は使う機会が多いと思うので、覚えておくと便利です。

■html

テスト(※)

■css

span.sup {
font-size: 75.5%;
vertical-align: top;
position: relative;
top: -0.7em;
}

「px」などの絶対値ではなく「em」「%」などの相対値で指定しないと、ブラウザ間での相違があるので注意です。