Edit in JSFiddle

<ul>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
</ul>
li {
  list-style-type: none;
  width: 10px;
  height: 10px;
  background-color: #000;
  margin: 5px;
  float: left;
}
li:nth-of-type(3) {
  clear: both;
}