Chrome与Firefox中的填充问题

Question

在跨浏览器对齐按钮文字时遇到问题。我已经梳理了类似的问题，并尝试了这些建议，但无济于事（显示：我的超链接的内联块，行高：1）。使用我的按钮在firefox中有太多的空间（请参阅主页滑块），虽然在Chrome中它看起来很好。网站是：jdd.meteor.com

*当我之前尝试询问时，我被告知这个问题是“偏离主题”。请让我知道如果不是主题，我可以做些什么来保持这个问题，无论这意味着什么，所以我可以做出改变。

谢谢！

屏幕截图（Chrome然后是Firefox）：

#middle-section #slider .item .content hgroup a.call-to-action {
background: #820024;
color: white;
padding: 20px 30px;
letter-spacing: 0px;
font-size: 1.2em;
}
a {
color: #00aab5;
display: inline-block;
line-height: 1;
}

Answer 1

我今天早上有同样的问题，你需要定义一个高度，这也解决了我的问题，它在Chrome中看起来很棒，但没有高度，它看起来在Firefox中被压扁了。希望这会有所帮助。