li 태그내에 이미지와 글자를 나란히 정렬할려고 하는데 세로운 가운데 정렬이 안되네요.

Question

<ul>
 <li><img src="img path" /> 텍스트
  </li>
<li><img src="img path" /> 텍스트
  </li>
</ul>

 

Answer 1

다음과 같이 line-height를 이용하시면 됩니다.

ul li {
    display: block;
    height: 100px;
    line-height: 100px;
}

ul li img {
    vertical-align: middle;
}