中心对齐浮动元素

Question

我正在尝试将http://www.jsfiddle.net/uAXkM/中的链接与中心对齐。链接浮动到左侧，包装器位于绝对位置。我已经尝试了所有margin的组合：auto和text-align：center，但没有成功。

如何在不改变标记或定位的情况下实现这一目标？

Answer 1

如果您想将它们各自放在自己的行中，请使用a { display: block; }。 jsfiddle demo

如果您希望将它们全部放在一行中，请删除a { float: left; }。 jsfiddle demo

Answer 2

将#content css更改为

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