How to vertically center the text of a link button

Question

I couldn't figure out how to vertically center the text of a link button when the text goes too long.

as shown in this example:

the first button's text aligned top, I couldn't get it in the middle.

line-height needs to be maintained in 22px or to make 2 lines fit in a single button.

Please help

Thank you in advance

Answer 1

Change display inline-block with table-cell and vertical-align:text-top with middle in the .location_button CSS class

Example