Центр навигации

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

Добавить это sf_navigation CSS .sf_navigation { display: table; }