A不想为菜单列表项目创建单独的div。只要坚持李。但他们继续坚持右上方。列表项目不在div中心
我该如何中心#menuTop列表?
守则 - http://codepen.io/anon/pen/CBnfs
CSS
#header {
z-index: 1;
position: fixed;
background-color: #FFFFFF;
width: 98.8%;
height: 60px;
margin-top: -10px;
margin-bottom: 5px;
display: inline-block;
}
#header ul li {
margin-left:15px;
margin-top: 5px;
display:inline-block;
}
#menuTop {
height: 60px;
width: 500px;
text-align: center;
position: absolute;
margin: 0 auto;
margin-left: 500px;
border: 1px solid #000000;
}
#menuTop a {
text-decoration: none;
color: #000000;
font-family: Open Sans;
}
#menuTop a:hover {
color: #00c4cc;
}
#menuTop ul li {
margin: 0 auto;
text-align: center;
margin-left: 20px
}
HTML
<div id="menuTop">
<ul>
<li><a href="#eventsImage">EVENTS</a></li>
<li><a href="#">NEWS</a></li>
<li><a href="#">CONTACTS</a></li>
</ul>
</div>
<ul id="socialIcons">
<li id="facebook"><a id="facebook" href="#"></a></li>
<li id="google"><a id="google" href="#"></a></li>
<li id="twitter"><a id="twitter" href="#"></a></li>
</ul>
<a href="#"><img src="logo.jpg" alt="Our logo is here" id="logo"/></a>
</div>
你的问题实在是不清楚,你有什么期待? – Haris 2014-10-20 15:24:15
尝试在menuTop:float:left;并删除位置绝对 – Mimouni 2014-10-20 15:27:00
http://codepen.io/jonigiuro/pen/JlwAg这似乎工作 – 2014-10-20 15:31:33