Html 如何将链接图像下移 我想移动一个稍微低一点的图像，这样图像旁边的文字就在中间，一切看起来都是对齐的。我试图通过添加填充和边距值来实现这种外观，但没有效果。我的博客的URL如下所示：

图像的html编码如下所示：

<b:if cond='data:newerPageUrl'>
  <span id='blog-pager-newer-link'>
  <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>Next  <img border='0' height='20px' src='http://i1379.photobucket.com/albums/ah140/mynamesiram/Mobile%20Uploads/0C6ACBDC-DFDC-45F6-9811-E5A8CDFCA8B6_zpsxowcscnl.jpg' width='20px'/></a>
  </span>
</b:if>

<b:if cond='data:olderPageUrl'>
  <span id='blog-pager-older-link'>
  <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><img border='0' height='20px' src='http://i1379.photobucket.com/albums/ah140/mynamesiram/Mobile%20Uploads/75D8D238-DBEE-440E-AED5-525720876C13_zpsvhhmbezy.jpg' width='20px'/>  Previous</a>
  </span>
</b:if> 

将此添加到CSS中：

a img{
    margin-top:2px;
}

请注意，最好给这个锚

a

或这个

img

一个唯一标识符

id

，这样这个CSS就不会影响网页中锚

a

中包装的所有

img

元素，同时尝试只处理这个图像，比如：

a#lil-icon img

还请注意，将

li

包装为

div

<ul>
  <div class="homeicon">
    <li>
      <a href="http://www.blankesque.com"><!-- img --></a>
    </li>
  </div>
  <li><a href="http://www.blankesque.com/p/aboutblankesque.html">About</a>      </li>

  <!-- the rest of your li's -->
</ul>

---

你是说左上角的那张小照片，是吗

您已经有

位置：相对底部：-2px图像规则（或您喜欢的任何距离）：

抱歉，我解释得不够好。我指的是出现在文章末尾的图片以及我的“上一篇”和“下一篇”文本，以引导读者阅读最后一篇或下一篇文章。我已经尝试过这种编码，但即使这样对我也不起作用。博客寻呼机旧链接一个img{padding top:2px！important；}抱歉我解释得不够好。我指的是出现在文章末尾的图片以及我的“上一篇”和“下一篇”文本，以引导读者阅读最后一篇或下一篇文章。我已经尝试过这种编码，但即使这样对我也不起作用。博客寻呼机旧链接一个img{padding top:2px！important；}添加屏幕截图，然后标记我。
<ul>
  <div class="homeicon">
    <li>
      <a href="http://www.blankesque.com"><!-- img --></a>
    </li>
  </div>
  <li><a href="http://www.blankesque.com/p/aboutblankesque.html">About</a>      </li>

  <!-- the rest of your li's -->
</ul>

<ul>
    <li class="homeicon">
        <a href="http://www.blankesque.com"><!-- img --></a>
    </li>

    <li><a href="http://www.blankesque.com/p/aboutblankesque.html">About</a></li>
      <!-- the rest of your li's -->
</ul>

.homeicon a img {
    border: medium none;
    position: relative;
    bottom: -2px;
}