居中多个“ 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;