Html 菜单项不在同一水平线上

我用Bootstrap制作了一个导航栏，但是项目并没有在同一水平线上对齐。。如图所示

我想要直线的物品。。。代码如下

nav-ul{
文本对齐：右对齐；
右边距：20px；
显示：内联块；
}
李海军{
显示：内联块；
}
#主菜单ulli{
显示：内联块；
}
.navbar自定义.navbar导航>li>a{
/*为菜单文本指定字体颜色的步骤*/
颜色：#44546a；
字体大小：1.4em；
字体大小：大号；
利润率最高：26%；
显示：内联块；
字体大小：粗体；
}
#导航栏主页{
左：7%；
右：7%；
垫面：2%；
溢出：可见！重要；
/*显示下拉菜单的步骤*/
背景色：白色；
}

对于

内联块

项添加

垂直对齐：中间

尝试在

垂直对齐：顶部

上更改。更改距离后，所有项目都将位于顶部

填充顶部