html - img 旁边的居中文本被 打断

Question

那是通常的“让 img 旁边的东西垂直居中”，但我需要两行。一行就好了，但看起来像 <br />破坏它。

<img style="vertical-align: middle;">Centered text

结果:

IMG
IMG   text here
IMG

但是如果我想这样做:

<img style="vertical-align: middle;">Centered text<br />new line

IMG
IMG   centered text
IMG
new line

如何解决这个问题？

Answer 1

使用 display: inline-block 将文本放入 div 或使用 float: left 作为图像。

fiddle : http://jsfiddle.net/k4hkS/1/