Создание меню в центре

Question

Я пытаюсь привести панель меню в центр. Я попытался добавить text-align:centre;, но он не работает. Here - это сайт. Пожалуйста, направляйте меня. Благодарю. не

<nav style="text-transform: uppercase;" id="site-navigation" class="main-navigation" role="navigation"> 
       <h1 style="text-transform: uppercase;font-size: 22px;text-align:center;"> <a href="<?php echo get_site_url(); ?>">NATALI-D | Fashion Stylist</a></h1> 
        <?php wp_nav_menu(array('theme_location' => 'primary', 'menu_class' => 'nav-menu')); ?> 
       </nav><!-- #site-navigation 

->

Answer 1

Родитель ul не имеет text-align: center; и не имеет width: 100%;

Try:

ul.nav-menu { 
    text-align: center; 
    width: 100%; 
} 

Answer 2

Контейнер (UL) не 100%, поэтому его не больше, чем два LI. Используйте ширину 100% на UL, а затем используйте text-align: center;, чтобы сделать ее центром.

ul.nav-menu, div.nav-menu > ul { 
    float: right; 
    margin: 0; 
    padding: 0; 
    text-align: center; 
    width: 100%; 
}