이미지/input 요소와 텍스트간의 세로 정렬 하기

일반 middle 정렬

text 글씨

<img>에만 vertical-align:middle추가

텍스트 보다 큰 요소와의 정렬

text 글씨
글씨

<img>에 display:inline-block;vertical-align:middle 후 정렬할 텍스트 <span>으로 감싸고 display:inline-block,vertical-align:middle

텍스트 보다 작은 요소와의 정렬

text 글씨
글씨
text 글씨
글씨

<img>에 display:inline-block;vertical-align:middle 후 정렬할 텍스트 <span>으로 감싸고 display:inline-block, vertical-align:middle