title: put an image on an anchor tag
body: <p>I have an <code>ul</code> like below which has anchor tags.</p>
  
  <pre><code>&lt;ul class="nav-link-bottom"&gt;
          &lt;li&gt;&lt;a class="active"  href="login.html"&gt;Existing user&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="signup.html" style = "background-color:#000"&gt;new user&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I want to place an image on the second anchor tag. Not sure how I can do that. </p>
  
  <p>Here's the <a href="https://jsfiddle.net/bsbk3bgq/" rel="noreferrer">fiddle</a>. And the <a href="http://oi67.tinypic.com/2m43ehd.jpg" rel="noreferrer">image</a> I want to put on the left anchor same position as the caret you see.</p>