HTML：将文本和图像一起布局

Question

我需要有文字和图像，以便它们垂直对齐在一起。特别是图像应垂直放置在文本的中间。最好的方法是什么？

一个约束：我的 <img> 标记的内容是从外部来源检索的，如果我可以保留 <img> 标记，那就太棒了未更改（未添加任何属性）。

样品：

<div>Some text <img src="http://somewhere.com/someimage.png"/></div>

Answer 1

img { vertical-align: middle; }

最好在class或id周围添加img或div，因为这会影响页面上的所有img代码< / p>

Answer 2

div {background：url（“http://somewhere.com/someimage.png”）50％50％no-repeat;行高：1.5em;文本对齐：中心}

应该这样做。取决于字体大小