How do I center these tabs?

CSS, Left Justified Tabs - Need to be Centered

[zaytran]

Hi: This CSS creates a nice set of tabs that are right justified. What should be changed to make them centered?

Ted

/* CSS Tabs */
.navlist {
padding: 2px 0;
margin-left: 2;
border-bottom: 1px solid #778;
font: Bold 14px Arial Narrow;
}

.navlist li {
list-style: none;
margin: 0;
display: inline;
}

.navlist li a {
padding: 2px 0.5em;
margin-left: 2px;
border: 1px solid #778;
border-bottom: none;
background: #DDE;
text-decoration: none;
}

.navlist li a:link { color: #000080; }
.navlist li a:visited { color: #000080; }

.navlist li a:hover {
color: #000;
background: #AAE;
border-color: #227;

}

[GoWFB_SEO]

i think you need to to specify a proper "margin-left". it depends on the width you set for the body tag and the width you set for your navigation bar

[zaytran]

Sorry, the tabs are LEFT justified.

The page is 100% wide.

Ted

[Setek]

Your

li

's are set as inline elements, and your

a

's are set as inline elements, so you really should just have to

text-align: center;

the

.navlist

:)

[zaytran]

Thanks Setek!

That worked!

Ted