水平对齐按钮下的中心文本

Question

我有这些带有文字的链接按钮。现在我正在使用一张桌子让所有东西都对齐。但我的老板想要鼠标悬停来触发图像和文本状态的改变。理想情况下，我会将图像和文本都包装在<a>中并使用css：hover。但我无法弄清楚该怎么做。到目前为止，我已经尝试过列表并没有成功。我想要像：

<li><img src="" /><br /><a>href</a></li>

Answer 1

这样的东西？

• 使按钮浮动，以便它们可以有宽度
• 设置宽度
• 将图片和文字都放在链接
中
• 执行text-align:center

示例：http://jsfiddle.net/gaby/kGd8c/

Answer 2

在text-align:center

上设置li是不行的