css - 使菜单出现在中心

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%;

尝试:

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