填充不同的Firefox

Question

在我测试的所有浏览器中，我的按钮看起来像这样：

除了在Firefox中，它看起来像这样：

I've posted the code as a jsfiddle，我做错了什么？

Answer 1

在普通网站上，您应该始终包含重置以消除浏览器之间的这些小的不一致。这是一个简单的问题：http://meyerweb.com/eric/tools/css/reset/

（编辑：好的，你使用规范化，也可以工作）

但是，在你的情况下，我还建议不要在顶部和底部使用填充，删除它们和你的身高，而是使用行高！这将使您的文本在任何地方都很好地居中。