我想创建一个以网页内容区域为中心的按钮/链接。因为它是一个按钮，而不仅仅是一个链接，我为它添加了一些填充和背景颜色。
链接水平居中，但填充似乎扩展到父元素的行高之外，导致它与上一个/下一个元素重叠。请参阅：http://fths.convoke.info/what-can-i-do/
我尝试创造一个小提琴，但没有看到同样的问题：http://jsfiddle.net/convoke/g9wu6ws9/
那我错过了什么？相反，有没有更好的方法来集中这样的链接？我不喜欢使用margin: auto，因为它需要您指定宽度。理想情况下，宽度是动态的，因此如果按钮上的文本更长或更短，它将保持居中。
答案 0 :(得分：0)
在这种情况下，我需要的答案来自用户@CBroe在我原始问题的评论中。他建议使用display:inline-block，这就像一个魅力。
仍然不确定为什么我在小提琴和实际网站上获得不同的结果......