* {
  box-sizing: border-box;
}
.item {
  width: 60px;
  height: 60px;
  overflow:hidden;
  float: left;
  margin:10px;
  cursor:pointer;
}
.item.w2 { width:  160px; }
.item.w3 { width:  180px; }
.item.w4 { width:  280px; }
.item.w5 { width:  400px; }
.item.w6 { width:  500px; }

.item.h2 { height: 100px; }
.item.h3 { height: 130px; }
.item.h4 { height: 180px; }
.item.h5 { height: 260px; }
.item.h6 { height: 280px; }
.item.h7 { height: 380px; }
.item.h8 { height: 400px; }