html - 左のフローティング画像の後にテキストを垂直方向に中央揃え

Question

<img style="float:left" src="image.jpg"> <center>text</center>
<hr style="clear:both">

上記のコードで達成したいのは、画像を左に浮かせ、テキストを垂直方向に中央揃え (現在のように上部に配置するのではなく)、水平方向に中央揃えにし、画像とテキストの後に水平方向に配置することです。バーを使用して、画像とテキストの両方を残りの部分から分割します。単一の行と列を持つテーブルのようなファンキーなことをせずに、テキストを垂直方向に中央揃えにする方法がわかりません。

Answer 1

この例を試してください

画像が配置されている領域の高さが固定されている場合は、次のように指定できます。

line-height = the height of the imageテキストを垂直方向の中央に配置します

編集：別の方法

Answer 2

<div>
<img style="float:left" src="image.jpg">text
</div>

img
{
  vertical-align:middle;
}