超鏈接將不會與圖標

enter image description here 超鏈接將不會與圖標

這是UL符號列表正確對齊，並且我一直在試圖找出如何讓實際的超鏈接對齊圖標的中間。我嘗試了幾種不同的顯而易見的東西，比如「位置」和「填充」，但他們沒有創造出所需的結果。

是造成文字偏離中心的圖像還是我忽略了某些東西？

任何幫助表示讚賞。

謝謝。

來源

2013-06-01 snapplex

向我們展示您的** CSS **和** HTML **。或者更好的做一個[JSFiddle]（http://jsfiddle.net/）。 – Vucko

在這裏，你希望這會有所幫助。 http://jsfiddle.net/Lmwb5/ – snapplex

這是你需要 - > [鏈接]（http://jsfiddle.net/vucko/Lmwb5/1/）？ – Vucko

我改變了你HTML和CSS了一下：

HTML：

<ul> 
    <li><a href='http://vm2008/catdog'>catdog</a></li> 
    <li><a href='http://vm2008/catdog'>catdog</a></li> 
    <li><a href='http://vm2008/catdog'>catdog</a></li> 
    <li><a href='http://vm2008/catdog'>catdog</a></li> 
    <li><a href='http://vm2008/catdog'>catdog</a></li> 
    <li><a href='http://vm2008/catdog'>catdog</a></li> 
    <li><a href='http://vm2008/catdog'>catdog</a></li> 
    <li><a href='http://vm2008/catdog'>catdog</a></li> 
    <li><a href='http://vm2008/catdog'>catdog</a></li> 
    <li><a href='http://vm2008/catdog'>catdog</a></li> 
</ul>

CSS：

ul{ 
    list-style:none; 
    padding:0; 
    margin:0; 
} 

li{ 
    font-size:24px; 
    list-style-type: none; 
    height:64px; 
    float:left; 
    padding-left:64px; 
    background: url('http://www.macos.utah.edu/documentation/administration/setup_netboot_service_on_mac_os_x_10.6.x_client.x_client/images/network.jpg') no-repeat top left; 
    padding-top:20px; /* (height-fontSize)/2 */ 
}

JSFiddle。

來源

2013-06-02 09:27:21 Vucko