css3，不能把分區集中

Question

我不能把我的菜單放在頁面的中心，我已經插入了所有「margin：0 auto;」我可以和所有的「文本對齊：中心」，並在div從一切分離，是不是別的孩子.. 這裏的CSS代碼：

.more{ 
margin: 0 auto; 
position:relative; 
clear:both; 
font-size: 13px; 
padding: 20px 0px; 
text-transform: uppercase; 
width: 40%; 
height: 20%; 
} 
.more ul{ 
display:block; 
text-align:center; 
} 
.more ul li{ 
display: block; 
padding: 10px 3px; 
float:left; 
} 
.more ul li.selected a, 
.more ul li.selected a:hover{ 
background:#0099c5; 
color:#fff; 
text-shadow:none; 
font-weight:bold; 
} 
.more ul li a{ 
color:#555; 
float:left; 
background:#fff; 
width: 100%; 
padding: 8px 10px; 
-moz-box-shadow:1px 1px 2px #aaa; 
-webkit-box-shadow:1px 1px 2px #aaa; 
box-shadow:1px 1px 2px #aaa; 
} 
.more ul li a:hover{ 
background:#000; 
color:#fff; 
} 

而這裏的HTML代碼：

   <div class="more"> 
       <ul> 
        <li class="selected"><a href="#">Homepage Blog</a></li> 
        <li><a href="#1">Cerca</a></li> 
        <li><a href="#2">Archivio</a></li> 
        <li><a href="#3">Tags</a></li> 
       </ul> 
      </div> 

如何使div永久在我的頁面中心？我嘗試了很多很多可能的舉措。

謝謝。

p.s.我也試過把一個<div align=center> ...my menu (class=more) list ...</div>

Answer 1

請記住，你不能使用margin：0 autoted floatted元素。

鍵餘量0汽車是：

1）元素必須具有顯示：塊 2）沒有浮動，絕對的或固定的位置

.more{ 
float:left; 
clear:both; 
font-size: 13px; 
padding: 20px 0px; 
text-transform: uppercase; 
width: 100%; 
height: 20%; 
} 
.more ul{ 
display:block; 
text-align:center; 
margin:0 auto; 
} 
.more ul li{ 
display: inline-block; 
padding: 10px 3px; 
} 
.more ul li.selected a, 
.more ul li.selected a:hover{ 
background:#0099c5; 
color:#fff; 
text-shadow:none; 
font-weight:bold; 
} 
.more ul li a{ 
color:#555; 
background:#fff; 
width: 100%; 
padding: 8px 10px; 
-moz-box-shadow:1px 1px 2px #aaa; 
-webkit-box-shadow:1px 1px 2px #aaa; 
box-shadow:1px 1px 2px #aaa; 
} 
.more ul li a:hover{ 
background:#000; 
color:#fff; 
}