i think what you are talking about is the little background gray over the links?
that isnt centering, that is padding around the elements.
Code:
<ul id="nav">
<li><a href="/url/path">Link</a></li>
<li><a href="/url/path">Link</a></li>
<li><a href="/url/path">Link</a></li>
<li><a href="/url/path">Link</a></li>
<li><a href="/url/path">Link</a></li>
</ul>
Code:
<style type="text/css">
ul#nav {
width: 100%;
}
ul#nav li {
list-style: none;
display: inline;
background-color: #hexadecimal; /* eg#ffffff for white */
color: #hexadecimal /* text color */
}
ul#nav li a {
display: block;
color: inherit;
text-decoration: none;
}
ul#nav li a:hover {
background-color: #hexadecimal; /* change the color of background on hover */
text-decoration: underline;
}
</style>
Bookmarks