title: link on a bootstrap glyphicon
body: <p>I have the following rails code</p>
  
  <pre><code>&lt;%= link_to mypath do %&gt;
      &lt;%= content_tag(:i, "" ,:class=&gt;' icon-eye-open' %&gt;
  &lt;% end %&gt;
  &lt;%= @num %&gt;
  </code></pre>
  
  <p>which generates the html</p>
  
  <pre><code>&lt;a href="/mypath"&gt;
      &lt;i class=" icon-eye-open"&gt;&lt;/i&gt;
  &lt;/a&gt;
  100
  </code></pre>
  
  <p>The problem is, as seen in the <a href="http://jsfiddle.net/guyisra/ntgPK/" rel="noreferrer">jsfiddle here</a>, that when mousing over the icon, there is a space underlined between the number and the icon. The space is needed for visual purposes, but how do I remove the underline of the link without css?</p>
  
  <p>Why without? I could do <code>text-decoration: none;</code> for some css selector, specific or generic, but I want to understand why this underline happens.
  If the <code>@num</code> is removed, there is no underline, and since it is outside of the anchor tag, it shouldn't affect it. Yet, it obviously does.</p>