ul li为何不能居中？？

代码如下：
<div id="ContentBody">
  <ul>
    <li>1</li>
    <li>2</li>
  </ul>
</ContentBody>样式如下：
#ContentBody{padding:0px 0px 0px 0px;margin:0px auto;width:190px;border-right:1px outset red;float:left;overflow:auto;}#ContentBody ul{list-style-position:inside;}
#ContentBody ul li{margin-left:0px;padding:3px 15px;font-weight:bold;margin:2px;border:1px solid #CCC;}为什么ul li表格左侧与ContentBody有一定距离，如何让ul li表格位于ContentBody中间？？？

解决方案 »

  1.   

    ul是默认从左边来的，如果在居中，最好弄一个宽度，如：<html>
    <head>
    <style type="text/css">
    *{margin:0px;padding:0px;}
    #ContentBody{text-align:center;}
    #ContentBody ul{width:100px;margin:0 auto;}
    </style>
    </head>
    <body>
    <div id="ContentBody">
      <ul>
      <li>1</li>
      <li>2</li>
      </ul>
    </ContentBody>
    </body>
    </html>
      

  2.   

    没用的，左边与div有一段距离，不知如何去掉？
      

  3.   

    放在一个独立的div里边，然后div居中。
      

  4.   

    你就是要让UL在ContentBody中间啊
      

  5.   

    将#ContentBody中的float:left去掉就能居中了！
      

  6.   


    是的，为什么UL 与 ContentBody左边总有间距？？
      

  7.   

    这个我遇到过，要先把ul的padding和margin值都设置成0px,ul是有默认的padding和margin值的,试试吧
      

  8.   

    list-style-type:none; 这个写在ul里面可以去除 所谓"表格左侧与ContentBody有一定距离"
    如果要水平居中:必需去除float 然后给ul li固定宽   div加 margin:0 auto;