Html CSS中心a<；ul>；div问题中的标记

我正试图将UL标签放在DIV的中心，我遇到了一些问题。我试过很多东西。代码附在下面。UL是一个横向列表

<!-- Header -->
    <div id="header">
        <div class="container">

            <!-- Nav -->
                <nav id="nav">
                                            <ul>
                        <li <?php if($currenturl == 'index.php')  { ?>class="active"<?php } ?>><a href="index.php">Home</a></li>
                        <li <?php if($currenturl == 'limitededitions.php')  { ?>class="active"<?php } ?>><a href="limitededitions.php">Limited Editions</a></li>
                        <li <?php if($currenturl == 'left-sidebar.php')  { ?>class="active"<?php } ?>><a href="left-sidebar.php">Products</a></li>
                        <li <?php if($currenturl == 'services.php')  { ?>class="active"<?php } ?>><a href="services.php">Services</a></li>
                        <li <?php if($currenturl == 'suppliers.php')  { ?>class="active"<?php } ?>><a href="suppliers.php">Suppliers</a></li>
                        <li <?php if($currenturl == 'right-sidebar.php')  { ?>class="active"<?php } ?>><a href="right-sidebar.php">About</a></li>
                        <li <?php if($currenturl == 'no-sidebar.php')  { ?>class="active"<?php } ?>><a href="no-sidebar.php">Contact</a></li>
                        <li><a target="_blank" href="https://www.paypal.com/cgi-bin/webscr?cmd=_cart&amp;business=WEM898SE24RZL&amp;display=1">View Cart</a></li>
                    </ul>

                </nav>

        </div>
    </div>
<!-- Header -->


/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

#header
{
    position: relative;
    background: #FFF;
}

    #header .container
    {
        position: relative;
        padding: 3em 0em;
    }


/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/

#nav
{
    position: relative;
    top: 1em;
}

    #nav > ul > li
    {
        float: left;
    }

        #nav > ul > li:last-child
        {
            padding-right: 0;
        }

        #nav > ul > li > a,
        #nav > ul > li > span
        {
            display: block;
            padding: 0.80em 1.2em;
            letter-spacing: 0.06em;
            text-decoration: none;
            text-transform: uppercase;
            font-size: 1.1em;
            outline: 0;
            color: #333;
        }

        #nav li.active a
        {
            background: #8B5A2B;
            border-radius: 5px;
            color: #FFF;
        }

        #nav > ul > li > ul
        {
            display: none;
        }

>
>
>
>
>
>
>


/*********************************************************************************/
/*标题*/
/*********************************************************************************/
#标题
{
位置：相对位置；
背景：#FFF；
}
#标题.容器
{
位置：相对位置；
填充：3em 0em；
}
/*********************************************************************************/
/*导航*/
/*********************************************************************************/
#导航
{
位置：相对位置；
顶部：1米；
}
#导航>ul>li
{
浮动：左；
}
#nav>ul>li：最后一个孩子
{
右边填充：0；
}
#导航>ul>li>a，
#导航>ul>li>跨度
{
显示：块；
填充：0.80em 1.2em；
字母间距：0.06em；
文字装饰：无；
文本转换：大写；
字体大小：1.1米；
大纲：0；
颜色：#333；
}
#李海军
{
背景#8B5A2B；
边界半径：5px；
颜色：#FFF；
}
#导航>ul>li>ul
{
显示：无；
}

---

任何帮助都将不胜感激！谢谢。

我无法完全告诉您要如何将其居中。但你的左边浮动没有帮助，100%有必要吗？不管怎样，这里有一个代码笔向您展示一种方法，但不确定这是否是您想要的方法

我假设这是一个常规的导航，需要在页面中间和内联中进行定位。

更改的CSS：

#nav {
    position: relative;
    top: 1em;
    text-align:center;
    margin:0 auto;
}

#nav > ul {
    margin:0 auto;
    text-align:center;
    position:relative;
    display:block;
}

#nav > ul > li {
    display:inline;
    list-style-type:none;
    margin:10px; 
}

---

你是怎么把这个放在中心的？我在代码中没有看到任何

文本对齐：居中

或

边距：0自动

属性。甚至连一个

都没有！我试过左边距：自动；右边距：自动；文本对齐：居中；保证金：0自动；左：50%，左：-50%；都在很多地方。我是css的初学者，这是我最差的技能哈哈。我只是很困惑，因为它是一个div中的一个div，我认真地试了两个小时，但不知道放在哪里。谢谢你的回复。上面的代码将列表置于列的中心。我有一个连续的列表（例如foo-bar-bat-hoo-moo）。删除左边的浮动似乎使它再次成为一列。如果单击代码笔，您将看到它是一行，而不是一列。如果这仍然是你想要的，请创建一个代码笔，我会帮你看看。谢谢。我没有看。我已经添加了您的代码，还必须更改显示：block；在我的代码中的#nav>ul>li>span下