[CSS] 수직정렬을 위한 line-height 속성

오늘은 line-height 속성에 대해서 알아보도록 하겠습니다.
본래 line-height 속성은 글자의 높이를 지정해주는 역활을 하는 속성입니다.
하지만 본래의 성질을 활용해 글자의 높이를 정하는 역활이 아닌 글자를 수직 중앙정렬 할때 주로 많이 사용하고 있는 속성이라고 할수 있습니다

위의 이미지를 보면 알수 있겠지만 

좌측은 line-height속성이 적용되어있지 않은 박스이고 우측박스는 line-height속성 이 적용된 박스입니다.

좌측은 수직중앙정렬이 되어있지 않다는 것을 알수 있을겁니다.

반대로 우측 박스에 line-height속성적용한 사진을 보면 텍스트가 수직정렬이 되어있다는 것을 알수 있을겁니다 이처럼 line-height속성은 텍스트의 높이를 조절하는 기능을 하면서도

수직중아정렬을 할때 사용되는 css속성이라고 생각하시면 됩니다.