Firefox中的填充不同

Question

在我测试过的所有浏览器中，我的按钮都是这样的：

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

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

Answer 1

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

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

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