文本對齊和div不居中

Question

我有一個div，我想在中心對齊，水平地說。注意button內，可以在中心對齊......可悲的是，我不能做出同樣的包裝

Here's is the live demo

HTML標記：

<div class="wrap"> 
    <div class="grayContainer"> 
     <div class="editor-label"> 
      name: 
     </div> 
     <div class="editor-field"> 
      james 
     </div> 
     <div class="editor-label"> 
      last name: 
     </div> 
     <div class="editor-field"> 
      bond 
     </div> 
     <div class="alignCenter"> 
      <input type="submit" value="press me" class="" /> 
     </div> 
    </div> 
</div> 

CSS標記：

.grayContainer { 
    padding: 15px 10px 10px 10px; 
    width: 450px; 
    background-color: #E7E7E7; 
    border: 2px solid #CCCCCC; 
    -moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 
    border-radius: 8px; 
    box-shadow: 0px 0px 6px 2px #CCCCCC; 
    position:relative; 
    behavior: url(/PIE.htc); 
} 

.grayContainer label 
{ 
    float: left; 
    width: 200px; 
    text-align: right; 
    color: #656565; 
    /*font-size: 12px;*/ 
    text-shadow: 0 1px 0 white; 
    padding: 8px 13px 10px 0; 
} 

.grayContainer .alignCenter 
{ 
    padding: 20px 0; 
} 

.alignCenter 
{ 
    text-align: center; 
} 

.wrap 
{ 
    margin: 0 auto; 
} 

在此先感謝

Answer 1

你都集中包裝，但由於它的寬度填滿可用的寬度，你不會看到它的居中。

我認爲，要居中的包裝，而不是內部的容器：

http://jsfiddle.net/dS9Bc/4/

Answer 2

頁邊距右向左&汽車..和只是這種風格添加到您的CSS ..它不是對的jsfiddle

.wrap{ 
margin:0 auto; 
} 

Answer 3

設置左，右頁邊距來auto工作。

margin-left: auto; 
margin-right: auto 

甚至更​​好

margin: 0 auto; 

見this。

Answer 4

您可能還需要設置一個寬度要麼.wrap將需要一個增加或設置margin: 0 auto;到.grayContainer