如何在CSS中居中包装<nav>菜单？</nav>

Question

我的UL在宽窄宽度范围内正确居中，但在中间范围内断裂。当它很宽时，一切都很合适，当浏览器很窄时，一切都很好，但是当使用中宽度，比如800px宽时，菜单会换到下一行，现在可以使用，但是我想知道它是不是可以使第二行链接居中。以下是它在顶部（红色圆圈）的样子以及我希望它在底部（绿色圆圈）上做的截图。

如果您查看another thread，您会在example link中看到我的菜单现在如何运作。如果你缩小他的例子中的浏览器，你会注意到菜单换行，第二行左对齐。

我希望第二行位于第一行的中心，如上图所示。这可能吗？

这是HTML：

<div id="navContainer" 
    <ul>
        <li class="menu_home"><a href="/">Home</a></li>
        <li class="menu_gallery squished"><a href="/galleryIntro.php">Gallery of Properties</a></li>
        <li class="menu_service"><a href="/service.php">Service Options</a></li>
        <li class="menu_contact"><a href="/contact.php">Contact Us</a></li>
        <li class="menu_test"><a href="/panos/laakona2/">Testing HotSpots</a></li>
    </ul>
</div>

我不认为CSS是需要的，因为它不像我想要的那样工作（并且它通过大约38个不同的CSS文件展开，一切都向左浮动，但我可以在这里添加css如果你认为这可能会有所帮助，但无论如何我都愿意废弃一切......）

Answer 1

添加

text-align:center;

到你的Tinkerbin例子中的.nav ul。

或：

   #navContainer ul {
         text-align:center;
    }

到你自己的CSS