얻기 텍스트

Question

내가 내 탐색은 다음과 같이하고자하는 탐색의 이미지 아래에 표시 : 이미 그것을 가지고

<li> 
    <img src="images/icon.png" /> 
    <a class="link_title">Title 1</a> 
</li> 
<li> 
    <img src="images/icon.png"/> 
    <a class="link_title">Title 2</a> 
</li> 
<li> 
    <img src="images/icon.png"/> 
    <a class="link_title">Title 3</a> 
</li> 

: 이상적으로

<icon>  <icon>  <icon> 
Title  Longer Title Title 

, 내가 좋아하는 내 코드를보고 싶다 가로하지만, 원하지 않는 표를 사용하지 않고 아이콘 바로 아래에 링크가 표시되도록하는 방법을 모릅니다. (내가해야하는 경우 나, 그래도 알려주십시오.)

Answer 1

li { text-align:center; } 
li a.link_title { display:block; } 

는 또한, 당신이 </span>로 <a> 태그를 닫는 것입니다. 이 수정 될 필요가 : 일,

<a class="link_title">Some Text</a> 

Answer 2

이 시도 :

li { 
float:left; 
text-align:center; 
} 

li a { 
display:block; 
} 

li img { 
margin:0 auto; 
}