■ 프론트엔드 ■/CSS
img와 텍스트 세로정렬 하기 - Vertically align text next to an image
serpiko
2015. 3. 9. 09:52
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