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

Question

我使用引导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/