注釈などの上付き文字タグのcssでの調整を紹介します。
テーブルなど注釈は使う機会が多いと思うので、覚えておくと便利です。
■html
1 |
<p>テスト<span class="sup">(※)</span></p> |
■css
1 2 3 4 5 6 |
span.sup { font-size: 75.5%; vertical-align: top; position: relative; top: -0.7em; } |
「px」などの絶対値ではなく「em」「%」などの相対値で指定しないと、ブラウザ間での相違があるので注意です。
コメント