an_tropa

<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
</ul>
<ul>
  <li>6</li>
  <li>7</li>
  <li>8</li>
  <li>9</li>
  <li>10</li>
</ul>
<ul>
  <li>11</li>
  <li>12</li>
  <li>13</li>
  <li>14</li>
</ul>
<div class="clearfix"></div>

ul {
  float: left;
  display: block;
}
.clearfix {
  clear: both;
}

<div class="box">
  <div class="item item1">1</div>
  <div class="item item2">2</div>
  <div class="item item3">3</div>
  <div class="item item4">4</div>
  <div class="clearfix"></div>
  <div class="item item5">5</div>
  <div class="item item6">6</div>
  <div class="item item7">7</div>
  <div class="item item8">8</div>
</div>

.box {
  background-color: #2A2C2F;
  width: 1000px;
	height: 500px;
  padding: 20px 20px;
}
.clearfix {
  clear: both;
}
.item {
  float: left;
  display: block;
  width: 100px;
  height: 80px;
  background-color: #fff;
  text-align: center;
  line-height: 80px;
}