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