line-height 속성을 이용한 방법
- 한 줄짜리 텍스트만 수직 가운데 정렬하는 방법이다.
- 모든 브라우저에서 작동한다.
- block요소에서는 작동하지 않고 오직 텍스트에서만 작동하며, 한 줄 이상이 되면 내용이 아래로 밀린다.
#main-clock h1 {
background-color: #F8EFBA;
width: 200px;
height: 50px;
text-align: center;
line-height: 50px;
}
# height와 line-height값을 같게 설정한다.