居中多個“ div”元素時遇到麻煩

Question

我有一個包含5個div元素的網頁，我正在嘗試將這些div集中在整平板的中間。 （靈活模式）。 此圖描述了我的目標。 如果可以，請你幫助我。

http://www.mediafire.com/view/8v8acb404ikbfja/3.jpg

這是我的CSS代碼，屬於左圖：

#container{
    clear: both;
    border: 3px dashed red;
}

#container .divs{
    width: 360px;
    height: 230px;
    margin: 60px;
    float: left;
    overflow: hidden;
    border-radius: 30px;
    border: 3px dashed red;
}

Answer 1

移除浮點並使div display:inline-block然后將text-align:center添加到#container

JSfiddle演示

Answer 2

使用display: inline-block; 而是float:left;