引導列表內嵌與垂直對齊圖標

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/