title: Why using Bootstrap Glyphicons in CSS with large padding causing unwanted icons showing up?
body: <p>I know how to display an icon as such:</p>
  
  <pre><code>&lt;span class='icon-remove'&gt;&lt;/span&gt;
  </code></pre>
  
  <p>But If I add <code>padding</code> to the <code>span</code>, extra icon shows up. How to fix it?</p>
  
  <pre><code>span {
      padding-right:60px;
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/uqVvA/" rel="nofollow">fiddle</a></p>