Html 在水平对齐的按钮下居中显示文本

我有下面有文字的链接按钮。现在我用一张桌子把所有的东西对齐。但是我的老板想要一个鼠标盖来触发图像和文本状态的改变。因此，理想情况下，我会将图像和文本包装在

中，并使用css:hover。但我不知道怎么做。到目前为止，我一直在尝试列表，但没有成功。我想要一些像：

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

href

像这样的东西

• 使按钮浮动，使其具有宽度
• 设置它们的宽度
• 将图像和文本放在链接内
• 文本对齐：居中

---

示例：

wotk不会简单地在

li

上设置

text align:center

？

我知道这会很简单，但无法理解。谢谢你的提琴。非常棒的例子。关闭，但当我添加中断时，它导致下一个图标下降一行。诀窍是中心+浮动。