title: How to add an image to an anchor tag using CSS?
body: <p>I want to show an image with the link on the menubar. My code is as below:</p>
  
  <pre><code>  &lt;a href="#" class="login" title="Login"&gt;&lt;/a&gt;
  </code></pre>
  
  <p>The login class in css is as below:</p>
  
  <pre><code>   .login{background: url(../img/user.png) no-repeat 6px center;} 
  </code></pre>
  
  <p>But, I am not able to view the image in the browser. If I tried like</p>
  
  <pre><code>   &lt;a href="#" class="login" title="Login"&gt;Login&lt;/a&gt;
  </code></pre>
  
  <p>then image appears in the background. But I want to use only image and not the text. how can I do that?</p>