div 에 vertical-align을 middle 주기.(세로 가운데 정렬)

부모 태그에 table 속성을 주고, 세로를 중앙정렬 할 것에 vertical-align: middle; 주면 가능

아래 예에서는 step2 를 세로정렬 하고 싶을때 사용.

/* CSS 부분 */

.step1{height:50px; display: table; table-layout: fixed;}

.step2{display: table-cell; vertical-align: middle;}

/* HTML 태그 구성 */

<div class="step1">

<div class="step2">

CSS 세로정렬

</div>

</div>