ptt test

by Liang JiaWei

HTML

<div id="div1">
  <div id="div2">
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
  </div>
</div>

CSS

* {
            box-sizing: border-box;
    }
#div1{
  width:100%;
  background-color:#aaa;
}
#div2{
  width:600px;
  margin:0 auto;
  background-color:#222
}
.item{
  width:20%;
  float:left;
  background-color:#ccc;
  height:60px;
  border:1px solid #eee;
  padding:5px;
}
    .clearfix{
        clear: both;
    }