css - センターナビゲーション

Question

フォーラムを検索し、既に提案されている多くの提案を試しましたが、サイト ナビゲーションを中央に配置できないようです。

CSS にアクセスできる Web サイト ビルダーを使用しているため、知識が限られています。ページ全体で同じ幅のナビゲーションを維持したいのですが、実際のナビゲーション選択は中央に配置することをお勧めします。

誰か提案がありますか (自分が何をしているのかよくわからないので、できれば単に提案してください)。ここに私の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;
}