CSS - 文本和圖像鏈接文本垂直對齊中間

Question

請修改this example以向我展示如何讓圖像旁邊的文本在圖像中間旁邊垂直對齊。

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

使用<div>，而不是一個<a>元件，包裝元件的塊時。 IE嗆起來，當你做...