title: Bootstrap : anchor with i class
body: <p>I'm using twitter Boostrap, my navbar look this way :</p>
  
  <pre><code>&lt;li&gt;&lt;a href="#"&gt;&lt;i class="icon-bar-chart"&gt;&lt;/i&gt;
     &lt;span class="hidden-tablet"&gt;MyTitle&lt;/span&gt;&lt;/a&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>When I'm trying to replace the href with an anchor, my Bootstrap icon is no longer aligned with MyTitle (not on the same line).</p>
  
  <p>here is what I've tried :</p>
  
  <pre><code>&lt;li&gt;&lt;?php echo anchor('mycontroler','MyTitle')?&gt;&lt;i class="icon-bar-chart"&gt;&lt;/i&gt;
     &lt;span class="hidden-tablet"&gt; &lt;/span&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>Any clues ?</p>