Почему элемент так центрируется?

Question

[Rapen]

При указании одинаковых значениях height: 5em, line-height: 5em. Элемент вертикально начинает центрироватья, почему так происходит?

https://jsfiddle.net/q5n6yy5k/

Answer 1

[Ankhena]

Потому что между строчное расстояние равно высоте строки. Текст в одну строку. Получается середина.