title: bootstrap list inline with vertical align icon
body: <p>I work with bootstrap 3+. i have this code for list inline with icon : </p>
  
  <pre><code>&lt;ul class="list-inline"&gt;
      &lt;li&gt;
          &lt;h2&gt;&lt;a href=""&gt;&lt;i class="fa fa-book fa-2x"&gt;&lt;/i&gt; test link&lt;/a&gt;&lt;/h2&gt;
      &lt;/li&gt;
      &lt;li&gt;
          &lt;h2&gt;&lt;a href=""&gt;&lt;i class="fa fa-book fa-2x"&gt;&lt;/i&gt; test link&lt;/a&gt;&lt;/h2&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>this worked but icon not in middle vertical align. how do fix this problem ?!</p>
  
  <p>DEMO : <a href="http://jsfiddle.net/z52bL7L6/" rel="nofollow">FIDDLE</a></p>