【HTML CSS】タイル状に広告画像を並べる

サイドバーに、１つの広告が１００×１００px の大きさのものを横３つ、縦２つの６個表示させる

<div class="side-tile">
<div class="item">

   広告HTML A

</div>
<div class="item">

   広告HTML B

</div>
<div class="item">

   広告HTML C

</div>
<div class="item">

   広告HTML D

</div>
<div class="item">

   広告HTML E

</div>
<div class="item">

   広告HTML F

</div>

<div class="clear"></div>
</div>

.side-tile {
	margin: 0;
	padding: 0;
	width: 300px;
}

.side-tile .item {
	margin: 0;
	padding: 0;
	width: 100px;
	height: 100px;
	float: left;
}

.side-tile .item img {
	width: 100px;
	height: 100px;
}

.side-tile .clear {
  clear: both;
}