How to center a list

[Cesar3]

Hi guys,
I'm making a Navigation bar and I'm having trouble centering it. This is my code.

<ul>
    <li> <a href="page1.html"> Page 1 </a> </li>    
    <li> <a href="page2.html"> Page 2 </a> </li>  
    <li> <a href="page3.html"> Page 3 </a> </li>
</ul>

and css -

ul {
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
}

li {
	float:left;
}

a:link, a:visited {
	display:block;
	width:120px;
	font-weight:bold;
	color:#FFF;
	background-color:#E26A5C;
	text-align:center;
	padding:4px;
	text-decloration:none;
	text-transform:uppercase;
}

a:hover, a:active {
	background-color:#595959;
}

So how could i align all this to the center?

Thank you!

[ryanbutler]

One way is to create a container, give it a width, and margin of auto on the left and right.

<div id="container">
<ul>
<li></li>
</ul>
</div>

div#container{
   width:400px;
   margin:0 auto;
}

[Cesar3]

That works great, thank you!