div style="float: left;width:20%;" 进行分列显示图片，到第二行为啥左边会空一个

进行分列显示图片，到第二行为啥左边会空一个 我是新手学习，请指导。。

代码
<c:forEach var=“sg” items="${salelist}"
varStatus=“status”>

							<div style="float: left;width:20%;"><p class="pic">
							
											<a href="before_detail?gno=${sg.id}"><img
												src="uploadFile/${sg.gpicture}" height="220" width="220"/></a>
										<br/>
											<strong><a href="before_detail?gno=${sg.id}">${sg.gname}</a></strong><em>现价:<span>￥
													${sg.grprice}</span></em><td>  </td><img class="iteration" src="beforeUser/images/top_${status.index+1}.gif" /><br />
										
							</div>
	
				
					</c:forEach>