Positioning menu divs in the centre of the page

Hi
Thanks for all your help.
I am trying to get the items in this menu to centre in the middle of the page but I’ve been stumped. I’ve tried adding text-align: center; and align:center with no success. Any help would be appreciated!
Thanks:


<html>
<head><style type="text/css">
 #navlist
{
margin: 0;
padding: 0 0 20px 10px;
border-bottom: 1px solid #000;
}
#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}
#navlist a:link, #navlist a:visited
{
float: left;
line-height: 14px;
font-weight: bold;
margin: 0 10px 4px 10px;
text-decoration: none;
color: #999;
}
#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
border-bottom: 4px solid #000;
padding-bottom: 2px;
background: transparent;
color: #000;
}
#navlist a:hover { color: #000; }
</style>
</head>
<body>
<div id="navcontainer" align="center">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>
</body>
</html>

Positioning menu divs in the centre of the page

text-align: center; and align:center have no success.

mentalacrobatics

jfjet

Moby_Dim

mentalacrobatics

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week