css - 如何将跨度与向右浮动的图像垂直对齐？

Question

我正在尝试做一些与图像问题旁边的对齐文本非常相似的事情:Vertically align text next to an image?

不同之处在于，我希望图像向右浮动，但当我将其设置为 float:right; 时，vertical-align 似乎解决了这个问题问题不再有效？有没有办法让 img 向右浮动并且文本仍然居中对齐？

<div style="width:100px">   
   <span style="vertical-align:middle">Doesn't work.</span>
   <img style="vertical-align:middle;width:30px;height:30px;float:right">
</div>

提前致谢!

Answer 1

使行高与图片相同。