鏈接文字上方的圖像

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>