居中的UL内的DIV [英] Centering an UL inside a DIV

问题描述

#nav 
{
border-style:solid;
width:500px;
height:20px;
margin-top:200px;
margin-left:auto;
margin-right:auto;
}
#nav ul   
{
list-style-type:none;
width:100%;
display:block;
margin-left:auto;
margin-right:auto;
}
 #nav li
{
display:inline;
}
#nav a
{
float:left;
display:block;
border-style:solid;
padding-left:5px;
padding-right:5px;
margin-top:-19px;
}

我只是无法得到它的id为导航的DIV内线中锋。什么我做错了任何帮助吗？我是那种在这个新的领域，所以对如何做好CSS布局的任何意见将是AP preciated！

I just can't get it to center inside the div with the id "nav". Any help on what I am doing wrong? I am sort of new in this field, so any advice on how to make good css layouts would be appreciated!

推荐答案

我想这应该做的伎俩：

#nav {
    text-align: center;
}
#nav ul {
    margin: 0 auto; 
    text-align: left;
}

这篇关于居中的UL内的DIV的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！