Vertical align middle on an inline-block anchor tag

Question

I have a need for my links and buttons to look the same, but I\'ve been unable to vertically align the text within an \"a\" tag in the same manner as the \"button\" tag. It

Answer 1

The cleanest and most consistent way I found is this

display: grid;
place-items: center;

https://jsfiddle.net/j8bktum9/