title: CSS bootstrap: add icon to h1
body: <p>i add icon(Bootstrap Glyphicons) in <code>h1</code> but <code>icon</code> not in text <code>baseline</code>. how to fix This?!</p>
  
  <p><a href="http://i.stack.imgur.com/P92j4.png" rel="nofollow">Problem pic</a></p>
  
  <p>Code:</p>
  
  <pre><code>&lt;h1 &gt;&lt;a&gt;&lt;i class="icon-play"&gt;&lt;/i&gt;TEST TEXT&lt;/a&gt;&lt;/h1&gt;
  </code></pre>