css - 如何移动与某些文本内联的图像的位置？

Question

我有以下内容:

<li><a class='disabled' ><img src='../../Content/Icons/home.png' />Home</a></li>

我的 li 高度是 25px，我的 img 是 16x16。我想做的是使图像与文本对齐，并且图像和文本之间也有一个小空间。我尝试了以下方法:

img { padding-top: 6px; margin-right: 4px; }

图像向下移动，但文本也向下移动。

有没有一种方法可以在不移动文本的情况下向图像添加填充或边距？

请注意，我已经设置(和更改)了背景颜色，所以我需要使用 img 标签。

Answer 1

您可以使用:

img {
    margin-right: 4px;
    position: relative;
    top: 6px
}

这只会将 img 从原来的位置向下移动 6px。