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