Html 在导航栏中居中显示文本

我无法将navigaiton栏中的文本与其容器内的中心（垂直）对齐

导航栏的HTML：

<ul class="navigation">
            <li class="navbar"><a href="index.html" class="navbarlink" >Home</a></li>
            <li class="navbar"><a href="second.html" class="navbarlink">About</a></li>
            <li class="navbar"><a href="index.html" class="navbarlink">Portfolio</a></li>
            <li class="navbar"><a href="index.html" class="navbarlink">Contact</a></li>
        </ul>

.navigation {
background:#1841c8 url(Navigation/Navigation/nav_background.png);
height:40px;
margin-bottom:0px;
display:block;
}

.navigation .navbar .navbarlink{
color:#FFFFFF;
background:gray;
display:block;
}

.navigation .navbar .navbarlink:hover{
color:#00CCFF;
background: url(Navigation/Navigation/nav_hover.png);
text-decoration:none;
    }

---

有人能告诉我CSS中缺少哪个属性吗？

尝试删除导航上的

页边距底部：0

，改为放置

页边距：50%0 50%0
您可能想删除该高度：40px打开。导航开始。我会检查它@Billy Moat导航上的40px是为了让我的背景合适。好的Jonas，我只是觉得这可能与你的链接数量非常紧密。如果你可以发布一个链接到你的页面或者制作一个sjfiddle，那就太好了。顺便说一句，你似乎没有关闭任何EM标签。另外，我认为你可以用那些em标签或B标签实现你想要做的事情。在LI元素上使用主背景，并在LI悬停时交换它们。并将您的个人图标作为A标签的背景。希望这是有意义的，可以帮助您稍微整理一下代码。关于文本居中，我总是简单地使用带有标记的填充顶部。