Question

CSS中浮动之后的导航栏居中

大家好，怎么让这个导航栏居中？有几种方法？？？在containner标签中用text-align：center怎么不起作用啊？望高手指点一下？？谢谢
<style type="text/css">
<!--
body {margin:0px; padding:0px; text-align:center;}
#containner{margin: 0px auto; padding:0px;;position:relative; background-color:#F4FFFF; top:0px;left:0px;}
#banner2{margin-left:0px;padding:0px; font-size:18px; margin-top:0px;}
#banner2 li{margin:1px;padding:0px;text-align:center; float:left; display:block;text-decoration:none; border-bottom-style:outset;border-right-style:outset;}
#banner2 li a{color:#3399FF;text-decoration:none;display:block;text-align:center;margin-left:0px;padding:2px; background:#DDF4FF}
#banner2 li a:hover{background:#005279;color:#FF6600;}
-->
</style>
<div id="containner">
<div id="banner2" >
<li><a href="#">首页</a></li>
<li><a href="#">你好</a></li>
<li><a href="#">嘿嘿</a></li>
<li><a href="#">美女</a></li>
<li><a href="#">生活</a></li>
<li><a href="#">自信</a></li>
</div>

Answer 1

使用百分比+-50%;