title: Move Glyphicons Lower
body: <p>I'm using a custom font for my webpage. Unfortunately it's not a standard font and its offset is not correct. When I use this font with twitter bootstrap glyphicon together they won't appear in the same line. </p>
  
  <p>How can I move the glyphicon a little lower? Or is there any other good solution for fixing this?</p>
  
  <pre><code>&lt;li&gt;&lt;a href="#"&gt;&lt;span class="glyphicon glyphicon-log-out"&gt;&lt;/span&gt; My Text&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/7LSTF.png" alt="More Clear"></p>