Html 菜单css菜单显示中心而不是左侧

我有以下html代码：

<div class="cont">

<div class="header">
header
</div><!-- header -->

<div id="cssmenu">
    <ul>
        <li><a href="#"><span>LINK</span></a></li>
        <li><a href="#"><span>LINK</span></a></li>
        <li><a href="#"><span>SUB LINK</span></a>
            <ul>
                <li><a href="#"><span>LINK</span></a></li>
            </ul>
        </li>
    </ul>
</div>

</div><!-- cont -->

当页面宽度变大时，菜单将显示更多的左侧内容。如何使标题下始终显示在中心位置

下面是我的完整代码：

为li添加以下css

#cssmenu > ul > li {
    display: inline-block;
    float: left;
    margin-left: 15px;
    position: relative;
}

您需要添加

float:left

---

我想看看你页眉的CSS；但是，如果你想让它停留在标题下，我会在标题和菜单周围画一个div，并将属性放在该div的中间

<div class="Container"><!-- Maybe make this class header depending on your css -->
<div class="header">
header
</div><!-- header -->

<div id="cssmenu">
<ul>
    <li><a href="#"><span>LINK</span></a></li>
    <li><a href="#"><span>LINK</span></a></li>
    <li><a href="#"><span>SUB LINK</span></a>
        <ul>
            <li><a href="#"><span>LINK</span></a></li>
        </ul>
    </li>
</ul>
</div>
</div> <!-- Close the new div here -->

标题

我添加了一个

边距：0自动

在CSS中添加以下样式：

#cssmenu {
margin:0px auto;
padding: 9px 9px 0;
}

小提琴：

太好了！！
完成；）
 正如用户所说：当页面宽度变大时，菜单显示的更多。我怎样才能使标题下始终显示居中？因为他想居中到#cssmenu…只是边距：0 auto不工作，但有填充值，然后它就工作了，但我很困惑这是怎么回事？无论如何+1作为你的回答，我认为上面的分区有8px的填充，宽度：100%。因此，如果你单独给边距：0px auto，它将无法与灰色div正确对齐。
#cssmenu {
margin:0px auto;
padding: 9px 9px 0;
}