自动排列(Not one line)

by redky

HTML

<div id="box">
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <i class="fixed"></i>
  <i class="fixed"></i>
  <i class="fixed"></i>
  <i class="fixed"></i>
  <i class="fixed"></i>
  <i class="fixed"></i>
  <i class="fixed"></i>
  <i class="fixed"></i>
  <i class="fixed"></i>
  <i class="fixed"></i>
</div>

CSS

#box {
  padding: 0 10px 10px 0;
  text-align: justify;
  background: hsl(50, 30%, 70%);
  font-size: 0;
}

#box * {
  display: inline-block;
}

#box div {
  width: 100px;
  height: 100px;
  background: hsl(300, 38%, 60%);
  margin-top: 10px;
  margin-left: 10px;
  font-size: 16px;
}

#box .fixed {
  width: 100px;
  height: 0;
  line-height: 0;
  background: hsl(100, 50%, 50%);
  margin-left: 10px;
}