css - 在 header.php 中将 wordpress 中的菜单文本居中

Question

这是我的网站 http://www.saraandcompany.ca/

我希望图片下方的导航也居中。

我试过各种方法，但我不知道怎么做。

这是 header.php 文件。

        <center><img src="http://www.saraandcompany.ca/wp-content/uploads/2014/03/weblogo.png" style="PADDING-BOTTOM:15px"></center>

    <h1 id="main-title"><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>

    <nav>
        <?php $args = array(
            'show_home'   => Work,
            'sort_column'  => 'menu_order, post_title'
            ); ?>
        <?php wp_page_menu( $args ); ?> 
    </nav>

    <div class="clearfix"></div>
</header>

在此先感谢您。

Answer 1

您需要更改 CSS 中的几行:

nav {
  float: right; /* Remove */
}

.menu {
  display: inline-block; /* Keep */
  margin-left: 20px; /* Remove */
}

nav li {
  display: inline;
  margin-left: 20px; /* Remove */
  margin: 0 10px; /* Add */
}