2-9GALLERY区

GALLERY区GALLERY文字与上边的距离怎么设置不了，

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
*{margin:0;padding:0;}
.header{width:100%;height:60px;background:#07cbc9}
.header img{float:left;padding-left:100px;}
.left{float:left;color:#ffffff;list-style:none;width:50px;line-height:60px;}
.xiao{float:right;}
.xiao ul{padding-right:50px; cursor:pointer;}
.clear{clear:both;}
.song{width:100%;}
.song img{width:100%;height:500px;}
.toplaype{position:absolute;left:0;top:60px;width:100%;height:500px;background:#000;opacity:0.5;}
.zhuo input{width:300px;height:20px;margin-bottom:10px;background-color:transparent;}
.yang{position:absolute;left:50%;top:250px;margin-left:-150px;margin-top:-30px; }
.sad{text-align:center;}
.weibo{ width: 60px; height:20px; margin:0 auto; }
.weibo input{width:60px;height:20px;cursor:pointer;}
h3{text-align:center;margin-bottom:10px;margin-top:20px;} 
.xian{ width:30px;border-bottom:#07cbc9 2px solid;margin:0 auto;margin-bottom:10px;}
 .div{font-size:10px;text-align:center; }
 .pian{width:100%;margin-top:20px;}
 .pian img{width:500px;height:300px;position:absolute;left:50%;margin-left:-250px;}
 .aodi{width:100%;margin:0 auto;}  
 .wan {width: 250px;height: 150px;background:rgba(255,255,255,0.8);border:#000 2px solid;}
 .zaoshang{padding:5px 20px;}
   
 .xiezi{font-size:10px;text-align:left;
 }
 .black{width:60px;height:30px;background:#000;color:#fff;margin-top:10px;cursor:pointer;}
.jian{line-height:30px;text-align:center;}
.zouni{margin-left:300px;}
h2{text-indent:0.5em;}	
.pani{width:120px;height:42px;border:#07cbc9 2px solid;padding-top:20px;margin:10px;}
.dorder{ width:30px;border-bottom:#07cbc9 2px solid;margin:0 auto;}
.budui{text-align:center;font-size:13px;}
.qiwan{text-align:center;}
.wanshi{width:500px;height:300px;position:absolute;left:50%;margin-left:250px;margin-top:-210px}
.wanju{width:100%;height:470px;}
.xiangpian{width:100%;height:auto;position:relative;}
.chengni img{width:25%;height:300px;float:left;}
.wenzi{width:25%;height:300px;float:left;background:#07cbc9; }
.wanbian{padding:20px;color:#fff;}
.wanbian h2{margin-bottom:20px;}
.dazi{font-size:20px;margin-bottom:15px;}
.xiaozi{font-size:13px;}
.zuihou {width:80px;height:20px;background:black;text-align:center; margin:40px auto; cursor:pointer;}
.ruirui{ width:50px;border-bottom:#07cbc9 2px solid;margin:0 auto;margin-bottom:10px;}
.laoshi{width:100%;margin:0 auto;}
h1{text-align:center;margin-top:20px;}
.huiyong{width:500px;height:300px;margin:0 auto;text-align:center;}

</style>

</head>


<body>

<div class="wanshi">
<div class="pani">
<div class="wancheng">
<div class="qiwan"> <h4>70000</h4></div>
<div class="dorder"></div>
<div class="budui">students</div>
</div>
</div>
<div class="pani">
<div class="wancheng">
<div class="qiwan"> <h4>70000</h4></div>
<div class="dorder"></div>
<div class="budui">students</div>
</div>
</div>
</div>
</div>
<div class="xiangpian">
<div class="chengni"><img src="images/b1.jpg" /> </div>
<div class="wenzi"><div class="wanbian"> 
<h2>library</h2>
<div><p class="dazi">ame="username" size="35" maxlength="6"height:30px;backg</p>
<p class="xiaozi">ame="username" size="35" maxlength="6"height:30px;backgame="username" size="35" maxlength="6"height:30px;backg</p>
</div>
<div><h4 class="zuihou">EXPLORE</h4></div>



</div></div>
<div class="chengni"><img src="images/b2.jpg"></div>
<div div class="wenzi">
<div class="wanbian" > 
<h2>library</h2>
<div><p class="dazi">ame="username" size="35" maxlength="6"height:30px;backg</p>
<p class="xiaozi" >ame="username" size="35" maxlength="6"height:30px;backgame="username" size="35" maxlength="6"height:30px;backg</p>
</div> <div class="zuihou"><h4>EXPLORE</h4></div></div>
</div>
<div class="wenzi"><div class="wanbian"> 
<h2>library</h2>
<div><p class="dazi">ame="username" size="35" maxlength="6"height:30px;backg</p>
<p class="xiaozi">ame="username" size="35" maxlength="6"height:30px;backgame="username" size="35" maxlength="6"height:30px;backg</p>
</div>
<div><h4 class="zuihou">EXPLORE</h4></div>
</div></div>
<div class="chengni"><img src="images/b1.jpg" /> </div>
<div class="wenzi"><div class="wanbian"> 
<h2>library</h2>
<div><p class="dazi">ame="username" size="35" maxlength="6"height:30px;backg</p>
<p class="xiaozi"> class="xiaozi"ame="username" size="35" maxlength="6"height:30px;backgame="username" size="35" maxlength="6"height:30px;backg</p>
</div> 
<div class="zuihou"><h4>EXPLORE</h4></div>


</div></div>
<div class="chengni"><img src="images/b1.jpg" /> </div>
</div>

<div class="laoshi">
<h1>GALLERY</h1>
<div class="ruirui"></div>
<div class="huiyong">class="xiaozi"ame="username" size="35" maxlength="6"height:30px;backgame="username" size="35"
500px;height:300px;margin:0 auto;text-align:cent500px;height:300px;margin:0 auto;text-align:cent


</div>




</div>

</body>
</html>

晓松aa 2017-09-01

源自：项目：网页布局案例 2-10 作业题