如何在htmlcss中的图片旁边垂直居中放置文字？

如何在html / css中的图片旁边垂直居中放置文字？

我总是退回到这个解决方案上。不太hack-ish并完成工作。

编辑：我应该指出，您可以使用以下代码来实现想要的效果（原谅内联样式；它们应该在单独的工作表中）。图像（基线）上的默认对齐方式似乎会导致文本对齐基线。至少在FireFox3中，将其设置为中值可以使事物很好地呈现。

<div>    <img src="https://cdn.sstatic.net/Sites/stackoverflow/company/img/logos/so/so-icon.svg"  width="100px"/>    <span >Here is some text.</span></div>