css - CSSプロパティを垂直に揃える

Question

これは非常に単純な問題のように思えるかもしれませんが、これまでのところ私を困惑させることができました。verticalalignプロパティは正しく機能します。
ただし、画像の中央に沿って走らせたいテキストの後にタグを追加すると、タグの後のテキストは画像
の真下に表示されます。

例：

<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>

Answer 2

あなたの例にはタグが含まれています<br />。これは定義上、改行を意味します。

Answer 3

ここでは、CSSのほぼすべてを中央に配置するための最良の方法を示します。

.centrado-vertical{
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}