7. text 가운데 정렬

💨 line-height 이용하기 

 

line-height : 글자가 한 줄에서 차지하는 높이. 

 

예를들어, 칸 안의 글자를 가운데 정렬해야한다고 할 때 그 칸의 height와 line-height의 값을 동일하게 해주면 글자가 가운데 정렬이 된다. text-align: center; 또한 입력해주어야한다. 

 

 

 margin: 2px;
 height: 150px;
 text-align: center;
 line-height: 150px;
 width: 150px;
 background-color: white;
 border-radius: 5px;
 font-size: 80px;
 color: bisque;