代码要怎么改才能将上面这种样式改成下面这种样式？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>P127</title>
<style type="text/css">
*{
padding: 0;margin: 0;
li,ul{list-style: none;}
body{
font-size: 12px;
font-family:"微软雅黑" ;
margin: 0;
color:#000
}
.middle{float:left;width:690px}
.pic_list{float:left}
.pic_list dl{float:left;width:52px;margin:0 10px 10px}
.price{font-size:15px;font-weight: 700;color: red;float:left}
.price2{font-size:12px;font-weight: 700;color: red;text-align: center;}
.font12{font-size: 12px;color: #ccc;float:right}
.pic_list dl img{padding:5px;border: 1px solid #ccc;margin-bottom: 10px;width:100px;}
.pic_list dl dd{float:left}
.pic_title{background: #ff9ec01;line-height: 40px;font-size: 16px;
text-indent: 20px;text-align: left;width:680px;float:left;
color:#fff;margin:0 10px 10px}
.pic_list2 li{float:left}
.pic_list2{margin:0 6px 0 12px}
.pic_list2 li{width:60px;float:left;margin:5px 4px}
}
</style>
</head>
<body>
<div class-"middle">
<h1 class="pic_title">最新上架</h1>
<div class="pic_list">
<dl style="float:left">
<div><img src="img/2016-08-05 154542.jpg" width="200px" height="250px"></div>
<dt><span class="price">￥99999999</span>
<span class="font12">1人购买</span>
</dt>
<dd>最帅的张起灵</dd>
</dl>
<dl style="float:left">
<div><img src="img/2016-08-05 154514.jpg" width="200px" height="250px">
</div>
<dt>
<span class="price">￥99999999</span>
<span class="font12">1人购买</span>
</dt>
<dd>最帅的张起灵</dd>
</dl>
</div>
<h1 class="pic_title">品牌活动</h1>
<ul class="pic_list2">
<li style="float:left">
<img src="img/2016-08-05 154554.jpg" width="200px" height="250px">
<p>吴山居出品</p>
</li>
<li style="float:left">
<img src="img/2016-08-05 154743.jpg" width="200px" height="250px">
<p>吴山居出品</p>
</li>
</ul>
</div>
</body>
</html>
你把你的pic__list 的浮动去掉。把你的.middle的浮动也去掉。在把你这俩浮动的列表，清除一下浮动。