CSS - 文本和图像链接到文本垂直居中对齐

Question

请修改此示例，以便向我展示如何使图像旁边的文本在图像中间垂直对齐图像。

Answer 1

演示： http://jsfiddle.net/Blender/sVx5e/1/

HTML ：

<div onclick="window.location = '#'">
    <img src="http://doc.jsfiddle.net/_images/jsfiddle-logo-thumb1.png">
    jsFiddle
</div>

CSS：

div {
  height: 150px;     /* This is the height of the image */
  line-height: 150px;
}

img {
  float: left;
}

在包装元素块时，使用

，而不是 元素。当你这样做时 IE 会窒息...