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

Question

我有以下内容:

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

我的身高是25px而我的img是16x16.我想要做的是使图像与文本对齐,并在图像和文本之间留出一个小空间.我尝试了以下方法:

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

图像向下移动但文本也向下移动.

有没有办法我可以在没有文字移动的情况下为图像添加填充或边距？

请注意,我已经使用set(和更改)背景颜色,因此我需要使用img标记.

Answer 1

您可以使用:

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

这将只会从原来的位置img下降6px.