table-cell
박스에서의 수직정렬하게 해준다line-height
을 주고, img 태그에는 vertical-align: top
을 주면 원하는 대로 구현이 가능하다img {
width: 20px;
height: 20px;
verticle-align: top;
}
span {
line-height: 20px;
}
table-cell 요소
display: table
을 사용한 요소는<table>
요소처럼 보이고
display: table-cell
을 사용한 요소는<td>
요소처럼 보인다