中心导航

Question

我已经搜索了论坛并尝试了很多已经提出的建议，但我似乎无法将我的网站导航居中。

我正在使用可以访问CSS的网站构建器，所以我的知识有些有限。我想在整个页面上保持相同的导航宽度，但我更希望实际的导航选择居中。

有没有人有任何建议（最好只是建议，因为我真的不知道我在做什么）。这是我的 CSS：

  .sf_navigation {
    clear:both;
    margin:0 auto;
    width:auto;
    min-height:38px;
    height:auto!important;
    height:38px;
    font-family:Arial;
    font-size:13px;
    position:relative;
    z-index:1000;
}
.sf_navigation ul {
    margin:0;
    padding:0;
    list-style-type:none;
    height:1%;
}
.sf_navigation ul li {
    margin:0;
    list-style-type:none;
    display:inline;
    float:left;
    position:relative;
}
.sf_navigation ul li a {
    display:block;
    font-weight:700;
    padding:12px 37px 0;
    text-align:center;
    text-decoration:none;
    border-right:solid 0;
    background-repeat:repeat-x;
    height:25px;
    width:auto!important;
    white-space:nowrap;
    width:1%;
}
.sf_navigation ul li a:hover {
    text-decoration:underline;
    background-repeat:repeat-x;
    position:relative;
}
.sf_navigation:after,.sf_navigation ul:after {
    content:".";
    display:block;
    visibility:hidden;
    height:0;
    clear:both;
}
.sf_navigation .widget_header {
    display:none;
}

Answer 1

将其添加到 CSS sf_navigation .sf_navigation { display: table; }