div的排列样式如何设置

Question

想这种样式怎么做？有多少个容器不确定？给个思路就成

Answer 1

 这个很简单的啊
<style>
div{
    margin:0px auto;
    padding:0px;
    border:0px;
    font-size:12px;
    text-align:center
}
ul,li{
    margin:0px;
    padding:0px;
    list-style:none;
    text-indent:0em;
}
div{width:440px;}
li{width:110px; height:110px;float:left; display:inline;background:#f60;margin:0px 5px;margin-top:10px;}
</style>
<div>
        <ul>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
    </ul>
</div>

自己试试效果吧，其实就是float布局