vertical-align:middle 에 관하여.

vertical-align:middle 에 관하여.

텍스트 세로 정렬을 위한 속성.

방법을 나열해본다.

1. line-height 를 해당 div의 height와 동일하게 지정.

   단, 텍스트가 한 줄일때만 정확하게 가운데로 온다.

   예) height:30px;

       line-height:30px;

2. table을 사용하여 td에 속성을 준다.

   예) <td valign='middle'>내용</td>

3. table을 사용하여 td에 css를 부여.

   예) <td style="vertical-align:center">내용</td>

       

참고 : http://phrogz.net/css/vertical-align/