수직가운데정렬

텍스트 수직 가운데 정렬

p {line-height:14px;}

요소 수직 가운데 정렬

.wrapper {
    display: table;
    width: 500px;
    height: 500px;
}
 
.cell{
    display: table-cell; 
    vertical-align: middle;
}

 

정렬할 블럭의 바깥에 display :table 속성을 주고 크기를 정한후

정렬할 블럭에 .cell의 속성을 준다.