将中间li与图像垂直对齐

Question

http://jsfiddle.net/fzbhao5v/

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

我可以定位相对和负顶部来调整跨度，但是问题是我希望图像具有响应性，因此相对解决方案在我的情况下实际上不起作用。

如何确保我在li内的span始终在中间？

Answer 1

您需要对齐IMG为好，否则浏览器将不知道该怎么跨度对齐 。

img, span {
    vertical-align:middle;
}

更新小提琴 。