table-cell 사용법

display:table-cell - 다른 요소의 레이아웃에 표의 태그를 사용할 수 있게 만들어줌.

상위요소

{
display:table-cell;
table-layout: fixed; /* 각 칸의 비율 유지 */
}

하위요소

{
display:table /* 다른 요소를 tr, td처럼 바꿔줌. */
}

하위요소의 정렬은 text-align:center; vertical-align:middle; 로 한다.