title: How to add stacked icons to anchor links
body: <p>I've prepared the follow example:</p>
  
  <p><a href="http://jsfiddle.net/NSGRq/1/" rel="nofollow">http://jsfiddle.net/NSGRq/1/</a></p>
  
  <p>Is it possible using CSS only, to underline "Email" whenever the circle icon is hovered?</p>
  
  <pre><code>&lt;ul class="inline"&gt;
      &lt;li&gt;&lt;a class="icon-stack" title="Email" href="mailto:info@info.com"&gt;
                  &lt;i class="icon-circle icon-stack-base"&gt;&lt;/i&gt;
                  &lt;i class="icon-envelope" style="color: white;"&gt;&lt;/i&gt; 
          &lt;/a&gt;&lt;a title="Email" href="mailto:info@info.com"&gt;Email&lt;/a&gt;
      &lt;/li&gt;
     &lt;/ul&gt;
  </code></pre>
  
  <p>also is it possible to remove the duplicate  tags which does exactly the same thing?</p>
  
  <pre><code>&lt;a class="icon-stack" title="Email" href="mailto:info@info.com"&gt;
  &lt;a title="Email" href="mailto:info@info.com"&gt;Email&lt;/a&gt;
  </code></pre>
  
  <p>Thanks</p>