img와 텍스트 세로정렬 하기 - Vertically align text next to an image

   img와 텍스트 세로정렬 하기

이미지 다음 오는 텍스트에 middle로 정렬하고 싶지만 되지 않는다.

<div>
   <img style="width:30px;height:30px">
   <span style="vertical-align:middle">Doesn't work.</span>
</div>

   img에 vertical align을 부여한뒤 중간 정렬 시켜준다.

<div>
   <img style="width:30px;height:60px;vertical-align:middle">
   <span style="">Works.</span>
</div>

   예제로 보는 결과 화면

전)

후)

   다른방법

source : http://stackoverflow.com/questions/489340/vertically-align-text-next-to-an-image