kendo菜单垂直对齐div

Question

我正在尝试根据它包含的div对齐kendo菜单的文本。这是aurelia应用程序中的导航栏，它始终位于顶部。我想中心对齐它。如果我做一个上边距，那么悬停会受到干扰。这是我现在拥有的，高度是根据导航栏。但是，菜单文本不是居中对齐的。任何帮助表示赞赏！

.k-widget.k-menu,
.k-menu .k-group .k-popup .k-separator
{
    border:0px;



}
.k-item .k-link
{
    display: inline-block; 
    height:50px;
    vertical-align: center;
    color: white;  

}

.k-group .k-item
{
    height:30px;

}
.k-widget.k-menu-horizontal > .k-item{
   border-right: none;
}
.k-state-hover:hover
{

    background-color:rgba(0, 0, 0, 0.1);
}
.k-group .k-state-hover:hover 
{        
    background-color:rgba(0, 0, 0, 0.1);
}