Question

I’m relatively new to HTML/CSS so feel free to correct any other mistakes that I’ve (probably) made. Here’s my HTML and CSS: http://jsfiddle.net/luxurymode/PrjJ3/3/

All I want to do is to center horizontally the UL within that “navbar”. What’s the correct way do it?

EDIT: I accidentally posted the wrong fiddle. It’s correct now…

Answer 1

The proper way is

#topbar ul {
    width: /* exact width of the ul */;
    margin: 0 auto;
}

• DEMO

Another way is

#topbar {
    text-align: center;
}

#topbar ul {
    display: inline-block;    
}

but inline-block isn’t 100% x-browser proof.

• DEMO