Joomla - 垂直对齐多行文本

Question

长时间听众，第一次来电。

我正在创建一个自定义的Joomla！模板，并在我的水平菜单中垂直对齐多行文本时出现问题。

通常我会通过设置线高来解决这个问题 并使用

将有问题的文本包装在span标记中

display: inline-block;
vertical-align: middle;
line-height: normal;

然而 - 使用Joomla！菜单不允许我访问内部 标记以添加span标记。

我可以通过申请获得好结果：

ul.nav.menu li {
    width:14.2857%;
    float:left;
    display:block;
    line-height:50px;
    margin: 0px;
    padding: 0px;
}

ul.nav.menu a {
   display:inline-block;
   vertical-align: middle;
   line-height: normal;
}

但是，可点击区域仅限于文本本身，而不是整个li。 这是一个问题，更多是因为我打算使用翻转按钮。

有没有人有任何建议可以克服这个问题？