在图像旁边垂直对齐文字？

问题：

Why won't vertical-align: middle work? 为什么不vertical-align: middle工作？ And yet, vertical-align: top does work. 但是， vertical-align: top 确实有效。

span{ vertical-align: middle; }

<div> <img src="http://lorempixel.com/30/30/" alt="small img" /> <span>Doesn't work.</span> </div>

---

解决方案：

参考一： https://stackoom.com/question/23Ia/在图像旁边垂直对齐文字
参考二： https://oldbug.net/q/23Ia/Vertically-align-text-next-to-an-image

来源：oschina

链接：https://my.oschina.net/u/4437974/blog/4299559