하이퍼 링크가 아이콘

Question

이것은 UL 글 머리 기호 목록이 제대로 정렬되지 않습니다, 나는 실제 하이퍼 링크 아이콘의 중앙에 정렬하는 방법을 알아 내기 위해 노력했습니다. 나는 "위치"와 "패딩"과 같은 몇 가지 다른 명백한 것들을 시도했지만, 원하는 결과를 만들어 내지 못하고있다.

이미지의 중심이 어긋나거나 내가 내려다 보입니까?

도움을 주시면 감사하겠습니다.

감사합니다.

Answer 1

나는 및 CSS 조금 당신의 HTML을 변경

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.

Answer 2

vertical-align : middle를 사용해보세요. 링크에 대한

Answer 3

사용이 이미지를 정렬 중 하나를 위, 아래, 중간

는 말할 수 :

: 이미지 정렬이 = "중간"