如何垂直居中链接按钮的文本

Question

当文字太长时，我无法弄清楚如何垂直居中链接按钮的文字。

as shown in this example:

第一个按钮的文字对齐顶部，我无法将它放在中间。

行高需要保持在22px或使2行适合一个按钮。

请帮忙

提前谢谢

Answer 1

在display CSS类

中，将inline-block table-cell与vertical-align:text-top和middle与.location_button一起更改

Example

Answer 2

您可以添加换行符以强制代码中断吗？

<td class="button_cell">
    <a class="location_button" href="#">Kitchenerfa<br>sdfasdf King</a>
</td>