引导列表内嵌垂直对齐图标

Question

我使用bootstrap 3+。我有这个代码列表内联​​图标：

<ul class="list-inline">
    <li>
        <h2><a href=""><i class="fa fa-book fa-2x"></i> test link</a></h2>
    </li>
    <li>
        <h2><a href=""><i class="fa fa-book fa-2x"></i> test link</a></h2>
    </li>
</ul>

这个工作但图标不在中间垂直对齐。如何解决这个问题？！

DEMO：FIDDLE

Answer 1

.fa {
  vertical-align: middle;
}

演示 - http://jsfiddle.net/z52bL7L6/1/