Center aligning floated elements

Question

Hi,

I'm trying to align the links in http://www.jsfiddle.net/uAXkM/ to the center. The links are floated to the left, and the wrapper is positioned absolute. I've tried all combinations of margin:auto and text-align:center, to no success.

How can I achieve this without changing the markup or the positioning?

Answer 1

If you want to have them each in its own line, use a { display: block; }. jsfiddle demo.

If you rather want to have them all in a single line, get rid of a { float: left; }. jsfiddle demo.

Answer 2

change #content css to

#content {
background:none repeat scroll 0 0 #CCCCCC;
display:table;
margin:auto;
overflow:auto;
}