菜单项不在中间CSS

Question

菜单项不在中间，文本也不集中。我想实现类似以下的东西。其次，当前菜单项不会变为样式表中指定的颜色。

不确定哪一行会导致它，但这里有一些代码：

#navigation ul li a {
    float: left;
    display: block;
    line-height: 58px;
    padding: 0 22px;
    color: #FFF;
    font-size: 15px;
    font-family: Roboto, Helvetica, Arial;
}

请在此处查看JSfiddle：http://jsfiddle.net/ahu75/

Answer 1

将（margin：0）添加到#navigation ul。

#navigation ul {
    border-left: 1px solid rgba(255,255,255,0.1);
    float: left;
    min-height: 58px;
    margin: 0;
}

Answer 2

顶部和ul的底部有一个边距，将其设置为0：

#navigation ul {
    border-left: 1px solid rgba(255,255,255,0.1);
    float: left;
    min-height: 58px;
    margin: 0;
}

对于当前项目，在小提琴css中，current-menu-item是所选项目的类，而在html中使用current_page_item：）