css - 垂直对齐 CSS 属性

Question

这似乎是一个非常简单的问题，但到目前为止它一直困扰着我。垂直对齐属性对我来说工作正常。但是，当我在要沿图像中心排列的文本后添加
标记时，
标记后的任何文本都会直接显示在图像下方。

例子:

<img src="test.png" width="50" height="50" alt="test" style="vertical-align:middle;"/>        This text is fine. <br />This text is not.

Answer 1

试试这个:

<img src="test.png" width="50" height="50" alt="test" style="vertical-align:middle;"/>        

<div style='display:inline-block; vertical-align:top;'> 
    <span style='display:inline-block;vertical-align:middle;'>This text is fine. <br />This text is not.
</div>