title: h1 icon vertical-align not work in bootstrap 2.3.2
body: <p>I have this <code>css/HTML</code> code for show icon in h1 :</p>
  
  <p>CSS:</p>
  
  <pre><code>h1 {
  font-size:32px;
  font-weight:400;
  margin:6px 0;
  
  }
  h1&gt;i {
  display:inline-block;
  vertical-align:middle;
  text-align:center;
  }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="container"&gt;
  &lt;h1&gt;&lt;i class="icon-search"&gt;&lt;/i&gt;Bootstrap 3 Glyphicons&lt;/h1&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>But vertical-align not worked for bootstrap 2.3.2. <code>NOTE: I know this worked in version 3.+</code>. how to fix this problem for this version?</p>
  
  <p><a href="http://bootply.com/86086" rel="nofollow">demo here</a></p>