链接文字上方的图像

Question

如何让链接在文本上方显示居中的图像/图标？事情是这样的：

如果无需使用CSS background: url('image path');，因为我有很多环节，用不同的图像。

我试图像这样

<a href=""><img src="http://www.biswanathcollege.org/templates/rt_crystalline_j15/images/icons/icon-home.png" style="display: block; margin: 0 auto;" />hello</a> 

但它不能正常工作，链接绵延父容器的整个宽度。

Answer 1

所以要在一条链路

一个简单的图标来看看这个小提琴。

http://jsfiddle.net/RockRathore/63s6w/3/

<div style="border:1px solid;width:200px;background:#FAF9F2"> 
<div style="text-align:center"> 
    <a href="your_link.php"> 
     <img src="http://www.biswanathcollege.org/templates/rt_crystalline_j15/images/icons/icon-home.png" style="display: block; margin: 0 auto;";/> 
      Hello 
    </a> 
</div>