问个关于　CSS的问题。

<style>
.ddd{ margin-left:20px; margin-right:20px; margin-top:20px; border:1px solid #000000; height:800px; }
.ddd ul li{float:left; list-style:none; margin-right:20px;}</style>
</head><body>
<div class="ddd">
<div align="center">
<ul>
<li>新闻</li>
<li>图片</li>
<li>电影</li>
<li>娱乐</li>
</ul>
</div>
</div>
</body>
为什么ul不居中显示呢？我在他上面的DIV里设置居中了，但测试并没有居中。。

解决方案 »

  1.   

    把第二个div去掉，然后css这样写：
    .ddd{ margin-left:20px; margin-right:20px; margin-top:20px; border:1px solid #000000; height:800px;text-align:center;}
    .ddd ul li{float:left; list-style:none; margin-right:20px;}
      

  2.   


    <style>
    #linknav{border:1px solid #000000; height:800px;}
    #linknav ul{text-align:center;list-style-type:none;}
    #linknav ul li{display:inline;list-style-type:none;padding:20px;}</style>
    </head><body>
    <div id="linknav">
    <ul>
    <li>新闻</li>
    <li>图片</li>
    <li>电影</li>
    <li>娱乐</li>
    </ul>
    </div>
    </body>