对齐所有导航菜单项的文本

Question

我的网站上有一个未对齐的菜单。

照片

如何将导航菜单的所有文本与右侧蓝色按钮的文本对齐？我尝试了以下代码似乎无法正常工作。

HTML

sudo

Answer 1

您必须删除padding上的.navbar .nav li：

.navbar .nav li {
    padding:0;
    float:left;
}

目前有一个padding:5px会导致按钮出现间隙。

Answer 2

问题在于.navbar .login-panel .btn类的填充。如果你删除那里的填充（填充：0 20px;）文本是水平的。如果你想在菜单的其余部分填充，为每个类做出特定的填充。

Answer 3

使用padding代替height两者（调整填充底部和填充顶部的高度问题） 尝试蓝色和白色空间