Html 如何将内容集中在菜单中？_Html_Css

Html 如何将内容集中在菜单中？

html css

Html 如何将内容集中在菜单中？,html,css,Html,Css,我一直在试图找出这个小家伙有一段时间了，现在我寻求一些专业知识。我想做什么？我想创建一个100%宽度的菜单栏，但要保持徽标和内容居中，以便与其他内容相适应。容器在1000px上。现在，我已经将菜单放在容器标签的外面，并使用“宽度：100%”使其覆盖屏幕。然而，随着时间的推移，内容会向左移动。我真的不知道如何解决这个问题，我已经做了一段时间了以下是我的HTML代码： <body>  <d

我一直在试图找出这个小家伙有一段时间了，现在我寻求一些专业知识。我想做什么？我想创建一个100%宽度的菜单栏，但要保持徽标和内容居中，以便与其他内容相适应。容器在1000px上。现在，我已经将菜单放在容器标签的外面，并使用“宽度：100%”使其覆盖屏幕。然而，随着时间的推移，内容会向左移动。我真的不知道如何解决这个问题，我已经做了一段时间了

以下是我的HTML代码：

    <body>
    <!-- navigation / header -->
    <div class="grid_12" id="menu">
        <div class="grid_3" id="logo">
            <img src="img/logo.png" alt="logo" />
        </div>

        <div class="grid_9 omega">
            <ul class="nav">
                <li>
                    <label>
                        <a href="#">Features</a>
                        <br />Check our features
                    </label>
                </li>
                <li>
                    <label>
                        <a href="#">Pricing</a>
                        <br />Starts at $X/month
                    </label>
                </li>
                <li>
                    <label>
                        <a href="#">30-day free trial</a>
                        <br />Start using us right away
                    </label>
                </li>
                <li class="sign-btn">
                    <a href="#">Log in</a>
                </li>
            </ul>
        </div>  
    </div>

    <div class="container clearfix">

所以我再问一次，亲爱的StackOverflow。。。如何在中心获取我的链接以及我的其他内容。如下图所示：

若要将某个内容居中设置宽度，请添加样式

边距：auto

。更准确地说，您只需要

左边距：自动和右边距：自动就可以为容器中的元素提供相等的填充。
使用class=container
在另一个div
中编写导航代码
就是
<body>
<div class="container">
<!-- your navigation code here-->
</div>
</body>

链接以何种方式不在中心？
<body>
<div class="container">
<!-- your navigation code here-->
</div>
</body>