导航栏中的中心文本

Question

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

导航栏的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>

导航栏的CSS：

.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中缺少哪个属性？

Answer 1

尝试删除.navigation上的margin-bottom:0，而不是margin:50% 0 50% 0;