制作菜单出现在中心

时间:2015-01-20 09:09:41

标签: css

我正在尝试将菜单栏放在中心。我尝试添加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;

2 个答案:

答案 0 :(得分:2)

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

尝试:

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

答案 1 :(得分:1)

容器(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%;
}