html - 如何在链接后放置图片？

Question

我需要在我的网页中有一个链接，后跟一个问号图像，这样当鼠标悬停在问号图像上时，就会显示一个工具提示。这是我的代码:

 <p>
  <a class="mainLinks" href="#">Currency Converter</a><a href="#" class="questionIcon">&nbsp;</a>
 </p>

对应的css是:

 .costSummaryBox .questionIcon{
       background:url(../images/static/question2.png) no-repeat;
       text-decoration:none;
}

但是在我的网页中，我在链接下方看到了图片。如何让它们出现在同一行？

Answer 1

试试下面的代码:

<p>
   <a class="mainLinks" href="#">Currency Converter&nbsp;<img src="../images/static/question2.png" /></a>
</p>