[CSS] display:block 수직 정렬(line-height)

<div> <p> 같은 display 속성이 block인 엘리먼트을 중앙 정렬하기 위해서

vertical-align: center를 적용해보면 정렬이 되지 않는다.

vertical-align 속성은 inline요소나 table요소에만 적용되기 때문이다.

수직 정렬을 위해서 line-height를 block엘리먼트 height 값과 같게 적용해주면
수직 정렬을 할 수 있다.