line-height

sunm309·2021년 4월 28일
0

line-height 속성을 이용한 방법

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

0개의 댓글