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-

Solution 1:

I think this should do the trick:

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