Vertical-align почему не рабтает?

Question

[Димаш Тлеужан]

я хотел что б текст внутри блока был по центре по оси y ,и вроде бы должен работать vertical-align.
Как прочитал в шпаргалках что он центрирует по осу у относительно родителя,но вроде б я дал высоту родителю.Почитал в гугле проблемы на эти темы использовал display:table-cell чет не работает, знаю что можно padding сделать.Но интересно почему не работает?
Вот код https://jsfiddle.net/ob5k8mxu/

Answer 1

[Илья]

Вы самой ссылке добавьте свойство display: table-cell;, тогда ок будет.
Ну а вообще используйте flex, с ним все проще:

display: flex;
align-items: center;
justify-content: center;