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

Question

我有这些链接按钮，下面有文字。现在我正在使用一张表来让所有东西都对齐。但是我的老板想要一个鼠标悬停来触发图像和文本状态的改变。所以理想情况下，我会在<a>中包装图像和文本，并使用css：hover。但我无法弄清楚如何去做。我尝试过列表，但没有成功。我想这样的事：

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

Answer 1

这样的事情？

• 使按钮浮动，使他们能够有宽度
• 设置其宽度
• 把两个图像和文本的内部链接
• 做text-align:center

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

Answer 2

不会简单地在li上设置text-align:center？