상하 정렬

* 방법 1 

height: 30px;

line-height: 30px; /* same as height! */

 

이 방법은 <br/> 로 나눠진 2열 텍스트의 겨우 1열과 2열 사이 간격이 30px 가 되버리는 문제 있음

 

* 방법 2

https://stackoverflow.com/questions/2939914/how-do-i-vertically-align-text-in-a-div

display: flex;

justify-content: center;

align-content: center;

flex-direction: column;

 

이건 2열의 문제도 해결됨