How do I center the text in the navigation?

Question

How do I center the text in the navigation here?

I tried adding text-align:center to #xg_navigation and #xg_navigation ul and no dice.

Answer 1

The div and ul are automatically expanding to 100% width by default.

You need to set the div to display: inline-block; this will make the width the same as its children content.

And then text-align: center the parent to center the div.