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

Answer 2

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

Answer 3

最善の方法をセンターにCSSでのほとんどすべてを整列します。

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