title: Should I use the span tag or the i tag for an icon?
body: <p>I'm just curious about which one is better to use in order to add a custom icon next to my links.</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li&gt;&lt;a href=""&gt;&lt;i class="home"&gt;&lt;/i&gt; Home&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=""&gt;&lt;i class="downloads"&gt;&lt;/i&gt; Downloads&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>or</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li&gt;&lt;a href=""&gt;&lt;span class="home"&gt;&lt;/span&gt; Home&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=""&gt;&lt;span class="downloads"&gt;&lt;/span&gt; Downloads&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Thanks.</p>