无法将一个div内的4个div对齐

我不知道我是否睡着了，但我似乎无法对齐另一个div内的4个div。无法将一个div内的4个div对齐

这里是我的jfiddle http://jsfiddle.net/cwgv4/481/

<body> 
    <div id="content"> 
    <div class="Division"><p>First Division</p></div> 
    <div class="Division"><p>Second Division</p></div> 
    <div class="Division"><p>Third Division</p></div> 
    <div class="Division"><p>Fourth Division</p></div> 
    </div> 
    </body>

CSS的

.Division{ 
    width: 150px; 
    height: 150px; 
    border: 1px solid #000000; 
    padding:5px; 
    margin:5px; 
    display: inline-block; 
} 

.p{ 

} 
body { 
    marin: auto 0; 
    width: 900px; 

} 
#content { 
    width:100%; 
    margin:0px auto; 
    text-align:left; 
    padding:15px; 
    border:1px dashed #333; 
    background-color:#eee; 
    }

来源

2014-10-09 Brian Cherdak

添加文本对齐：中心; to #content - http://jsfiddle.net/bhtLubo7/ – Anonymous 2014-10-09 19:01:39

'#content {text-align：center;}'简单。 – 2014-10-09 19:01:43

添加text-align: center到#content

来源

2014-10-09 19:01:47 jmore009

无法将一个div内的4个div对齐

回答

相关问题