将左浮动div中的图像与右浮动div中的文本垂直对齐

Question

我遇到了一个问题，即我在内容页面上（内容包装器内）有2个div，并且图像无法与其旁边的文本对齐。

.text-block{position:relative; float:right; width:70%; height:auto}

然后我有图像：

.img-block{position:relative; float:left; vertical-align:middle;}

但是，当它们位于不同的div中时，不确定是否可以使图像与文本对齐。

Answer 1

在这里，我将文本垂直对齐到图像div的中间。 仅CSS，不使用JavaScript。

文本垂直居中对齐-示例

希望这是您期望的结果...

如果您正在寻找更多东西，请发表评论...