ボタンのラベルを真ん中に配置する事に関する問題点

Apple系やスマートフォンは問題ない。問題がおきるのはWindowsである。
これもMS　Pゴシックのような古いフォントならなにも問題は起きないのだが、
メイリオのような綺麗なフォントを使おうとすると問題がでてくる。

問題はメイリオの上と下にある隙間である。これをCSSで除くことができない
ために、上にずれてしまう。

どれだけずれるかは使用したフォントのサイズによる。

12pxなら問題なく、「vertical-align」方式、「テーブルセル」のどちらでもうまくいく。

15pxあたりでは、「vertical-align」方式ではうまく行かず、「テーブルセル」方式に
たよらなければならない。

20pxぐらいおおきくなると「vertical-align」方式、「テーブルセル」のどちらでもうまくいかない。
しかし、inline-heightの調整によって「テーブルセル」方式はなんとかなるかもしれない。

30pxぐらいだと、「vertical-align」方式、「テーブルセル」のどちらでもうまくいかないので、
メイリオを「メイリオ　UI」に変更して対処する。