쇼 썸네일과 텍스트

Question

여기 정렬 내 코드입니다 :

<div class = "menu-content"> 
     <ul data-role = "listview" data-inset="true"> 
      <li data-role = "list-divider">Emergency Menù</li> 
      <li> 
       <a href="#"> 
         <img src="assets/icns/user.png" class = "ui-li-icons" /> 

        Add 
       </a> 
      </li> 
     </ul> 
</div> 

user.png 아이콘 인라인 썸네일을 표시 할 32x32px.I의 PNG 파일 아이오와와 텍스트를 추가합니다. 내 문제는 텍스트가 맨 위에 남아있는 축소판을 정렬 할 때입니다.

Answer 1

스타일 = 사용해보십시오 "플로트 : 왼쪽;" 이미지에.

또한 클래스를 ui-li-icons로보고 있습니다. ul 내 이미지 용 클래스 만 만들려고합니까?

#menu li img {/*CSS HERE*/} 

#menu는 UL되는 :

당신은 같은 CSS를 할 수 있습니다.

Answer 2

텍스트에서 세로 맞춤을 확인하십시오.

vertical-align:baseline 
vertical-align:middle 

때로는 올바른 설정을 위해 이러한 설정을 혼란에 빠뜨리는 경우가 있습니다.