老师，可以帮我看看吗

来源：2-7 编程练习

陈孝芳

2019-10-16 14:20:51

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
<title>CSS布局</title>
<style type="text/css">
/*此处写代码*/
  .content{
      text-align:center;
      width:100%;
  }
.main{
     width:100%;
     margin:0 auto;
     text-align:center;
}
.main .pic1{
     float:left;

     padding-top:20px;
     padding-left:20%;

}
.main .pic2{
     float:left;

     padding-top:20px;
     padding-right:20%;
}
.main .pic1 img{
     width:500px;
     height:300px;

}
.main .pic2 img{
      width:500px;
     height:300px;
}
.main .pic1 .des1{

  width:500px;

}
.main .pic2 .des2{
  width:500px;
}
    .pic1,.pic2{
    padding:0 20px;
    }
</style>
</head>
<body>

<div class="content">
     <div>
         <h1>ENJOY THE LIFE</h1>
     </div>
     <div class="main">
         <div class="pic1">
             <img src="http://climg.mukewang.com/58f829090001a4b504260240.jpg"/>
             <div class="des1">
             花花花花花花花花花花花花花花花花花花花花花花花花花花花花花花花花花花花花花花花花花花花花花
         </div>
         </div>
         <div class="pic2">
             <img src="http://climg.mukewang.com/58f8290f0001558804260240.jpg"/>
             <div class="des2">
                 海滩海滩海滩海滩海滩海滩海滩海滩海滩海滩海滩海滩海滩海滩海滩海滩海滩海滩海滩海滩
             </div>
         </div>
     </div>


</div>
</body>
</html>