sup, sub の位置を調整する
たとえば、平方メートルなどの単位を書くときに、 1500m<sup>2</sup>などとすると思うのだが、これがFirefoxでうまい具合に表示されず、「2」がだいぶ上の方にレンダされる。これを調整してみる。
まずhtml側では、以下のように:
<span class="tanni">1500<sup>2</sup></span>
そしてCSSで以下のように定義
span.tanni {
font-family: Osaka, Verdana, Arial, Helvetica, sans-serif ;
position:relative;
}
sub, sup {
vertical-align: baseline;
}
sup {
position:relative;
top:-4px
}
sub {
position:relative;
top:4px
}
