title: How do I place an image after a link?
body: <p>I need to have a link in my webpage followed by a question mark image, so that a mouse over on the question mark image, shows a tool tip. This is the code I have:</p>
  
  <pre><code> &lt;p&gt;
    &lt;a class="mainLinks" href="#"&gt;Currency Converter&lt;/a&gt;&lt;a href="#" class="questionIcon"&gt;&amp;nbsp;&lt;/a&gt;
   &lt;/p&gt;
  </code></pre>
  
  <p>and the corresponding css is:</p>
  
  <pre><code> .costSummaryBox .questionIcon{
         background:url(../images/static/question2.png) no-repeat;
         text-decoration:none;
  }
  </code></pre>
  
  <p>But in my webpage, I get the image below the link. How do I make them appear in the same line?</p>