Aligning text vertically inside a flexbox link?

Question

css

I'm trying to figure out flexbox and got confused. How to align text vertically centered inside a link? https://jsfiddle.net/p4ep4zb3/

Answer 1

You display: flexmust have it specified for the links themselves.
And need to add align-items: centerand justify-content: center
Here is the jsfiddle

Answer 2

https://jsfiddle.net/p4ep4zb3/1/