css - 在菜单中居中图像？

Question

我有一个链接列表，例如:

<li><a href="#"><img src="icon.png" /> Text</a></li>

关键是图标就像它们旁边的文本处于同一水平，我希望它们在下方一点，所以看起来它们居中。

我知道这很难得到，所以请查看下面的链接。

有一个现场演示(下面有两张图片，第一张是现在的样子，第二张是我想要的样子):

http://jsfiddle.net/3yZTg/

Answer 1

在图像上使用 vertical-align: middle。

li a img
{
    vertical-align: middle;
}