我有一个链接列表，例如：
<li><a href="#"><img src="icon.png" /> Text</a></li>
关键是图标就像它们旁边的文字处于同一级别一样，我希望它们稍微低一些，所以看起来它们会居中。
我知道很难获得，所以请查看下面的链接。
有一个现场演示（下面两张图片，第一张显示现在的样子，第二张显示我想要的样子）：
答案 0 :(得分：0)
在图像上使用vertical-align：middle。
li a img
{
vertical-align: middle;
}
答案 1 :(得分：0)
或者，这在浏览器中的表现更为统一，您可以将其设为bg：
<li><a href="#"><span style="padding-left: 12px; display: block; background: transparent url(icon.png) left center no-repeat; float: left;">Text</span></a></li>