制作菜单出现在中心

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 

- ＆GT;

Answer 1

父ul没有text-align: center;且没有width: 100%;

尝试：

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

Answer 2

容器（UL）不是100％，因此它不大于两个LI。在UL上使用100％宽度，然后使用text-align: center;使其居中。

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