とてもシンプルなボタンがあります。SafariまたはChromeで表示すると、テキストは正方形を垂直方向に中央に配置して表示されます。しかし、Firefoxでは、テキストは垂直方向の中央に配置されていません(見下ろしています)。これを解決するにはどうすればよいですか?
HTML:
<div class="buy">mmmmm</div>
CSS:
body {
font-family:Tahoma;
color:#fff;
font-size:11px;
letter-spacing:1px;
}
.buy {
position:absolute;
width: 70px;
height: 20px;
line-height:20px;
top:50px;
left:50px;
text-align:center;
background-color:#bbb;
}