<div class="gallery">
			<!-- gallery简介 -->
			<div class="up1">
				<h1>GALLERY</h1>
				<label class="line"></label>
				<p>
					There are moments in life when you miss someone so much that you just want to pick them from your dreams and hug them for real!
				</p>
			</div>
			<div class="gallery-down">
				<ul>
					<li>
						<img src="images/03-01.jpg">
						<div class="info">
							<p>SCIENCE LAB</p>
						</div>
					</li>
				</ul>
			</div>
		</div>
		
.gallery{
	width:100%;
	height:550px;
}

.gallery .gallery-down{
	height:400px;
	margin-left:200px;
	margin-right:200px;
	background-color:pink;
}

.gallery-down ul li{
	list-style:none;
}

.gallery-down ul li .info{
	background-color:black;
	width:300px;
	height:50px;
}

.gallery-down ul li img{
	width:300px;
	height:200px;
}

.gallery-down ul li p{
	color:white;
	line-height:50px;
	margin-left:10px;
}

图片和下面的黑色框中间有空隙，怎么调整呢？