るるろぐてくにかる。 :: LULU-LOG-technical

たとえば、平方メートルなどの単位を書くときに、
1500m²などとすると思うのだが、これが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
}