해당 강의에서,

'line-height로 해결

.info를 인라인 블록으로 설정해주면, line-height 속성을 활용해볼 수도 있습니다. 부모인 .container에 height와 동일한 line-height를 줘보세요.

line-height 속성은 자식들에게 상속되기 때문에 .info에는 line-height: normal;을 꼭 써주셔야 합니다!'

를 봤는데요.

line-height는 문자사이의 줄간격을 주는것으로 알고있는데, height 값과 같이 주었을 때, 어떤점 때문에 info 박스가 중앙정렬이 되는건지 궁금합니다.

x를 기준으로 위아래가 총 400px 이 되어서, 다른것들이 침범하지 못하는(?)역할로 봐야 하는건가요?

감사합니다~!