Html 将此菜单居中

我正试着水平地将菜单居中，但有点麻烦。我试过几种方法，但我想在某个地方有冲突。我肯定有一个简单的解决办法，但我想不出来

谢谢

<div class="wrapper">
    <!-- Top main div -->
    <div class="top">
        <ul>
        <li><a href="home.html"><img src="images/home2.png" class="menu" width="218" height="50" ></a></li>
        <li><a href="ps.html"><img src="images/ps2.png" class="menu" width="218" height="50" ></a></li>
        <li><a href="ae.html"><img src="images/ae2.png" class="menu" width="218" height="50" ></a></li>
        <li><a href="contact.html"><img src="images/contact.png" class="menu" width="218" height="50" ></a></li>
        </ul> 
    </div>

    <!-- Middle main div -->
    <div class="middle">

    </div>

    <!-- Bottom main div -->
    <div class="bottom">

    </div>
</div>

---

您需要使用菜单上的

显示：内联块
而不是
浮动：左
，然后将
的
文本对齐属性设置为
中心
。下面是一个例子：


html，
身体{
保证金：0；
填充：0；
身高：100%；
}
保险商实验室{
保证金：0；
填充：0px；
文本对齐：居中；
}
李{
显示：内联块；
}
菜单{
填充：0；
边缘顶部：25px；
左边距：35px；
}
李：第一个孩子{
左边距：0px；
} 
模拟中心{
位置：绝对位置；
排名：0；
底部：0；
左：0；
右：0；
保证金：自动；
}
分区包装器{
最小高度：100%；
最小宽度：1280px；
位置：相对位置；
}
顶舱{
高度：100px；
背景颜色：灰色；
背景重复：重复-x；
背景：url（'top.png'）；
}
中区{
背景颜色：蓝色；
背景重复：重复；
背景：url（bg_middle.png）；
身高：100%；
宽度：100%；
}
舱底{
高度：78px；
宽度：100%；
背景色：白色；
背景重复：重复-x；
背景：url（bottom.png）；
位置：绝对位置；
底部：0；
左：0；
}











我不明白您想在代码中做什么，但我发布了一些方法来将div水平居中

HTML代码：

<div class="center"></div>
<div class="center2"></div>
<div class="center3"></div>

您可以在jsfiddle中看到这段代码：
您需要将包含它的div水平居中，因此请尝试以下方法：

 #top {
    margin: 0 auto;
    //put some other properties as you need..
    }

这会成功的，祝你好运

.center{
    margin-left:auto;
    margin-right:auto;
    display:block;
    width:200px;
    height:200px;
    background-color:#ddd;   
}

.center2{
    margin-top:15px;
    left:clear;
    left:50%;
    margin-left:-100px;
    display:block;
    width:200px;
    height:200px;
    background-color:#d88;  
    position:relative;
}

.center3{
    margin-top:15px;
    float:left;
    margin-left:35%;
    width:30%;
    position:relative;
    background-color:#88d;
    height:200px;
}

 #top {
    margin: 0 auto;
    //put some other properties as you need..
    }