[CSS] line-height의 쓰임새

📌 결론

: text가 한 줄일 때만! 부모 height와 같은 값으로 설정하면 text가 세로 가운데로 정렬된다

📌 line-height ?

line-height란?
: 줄 높이(간격)을 정하는 속성

📌 text 가운데 정렬

text가 한 줄일 경우, 부모 heigth 값고 같은 값을 설정하면 text를 가운데로 정렬할 수 있다!

(* 한 줄 이상이면 실제 줄간격이 벌어짐)

.topbtn {
width: 50px;
height: 50px;
background-color: #333;
color: white;
text-align: center;
line-height: 50px; /* 한 줄일 때만! 부모 height와 같은 값을 설정하면 가운데로 옴 */
border-radius: 50%;
}

📚 Reference

: 국비지원 수업