垂直居中對齊禮與圖像

Question

http://jsfiddle.net/fzbhao5v/

<li> 
    <img src="http://dummyimage.com/50x50/000/fff" /><span>Name</span> 
</li> 

我可以做的相對位置和負面的頂部向上調整範圍，但問題是我想要的形象來響應，所以相對的解決方案並沒有真正在我的情況下工作。

如何確保span內的li始終處於中間位置？

Answer 1

您還需要對齊img，否則瀏覽器將不知道如何對齊範圍到。

img, span { 
    vertical-align:middle; 
} 

Updated fiddle。