<div class="mid-bom">

? ?<div id="mid-bom-1" class="conn">
? ? ? ?<p>新聞中心</p>
? ? ? ?<ul>
? ? ? ? ? ?<li class="p">
? ? ? ? ? ? ? ?<div><span>8月23日</span></div>
? ? ? ? ? ? ? <div class="a"> <h5>學(xué)習(xí)計劃之“AndrolD攻城獅養(yǎng)成”</h5>
? ? ? ? ? ? ? ? ? 望成為AndrolD攻城獅么？想開發(fā)一款專屬APP？沒有任何基礎(chǔ)的你，應(yīng)該從何學(xué)起？</div>
? ? ? ? ? ?</li>
? ? ? ? ? ?<li class="p">
? ? ? ? ? ? ? ?<div><span>8月23日</span></div>
? ? ? ? ? ? ? <div ?class="a"> <h5>學(xué)習(xí)計劃之“AndrolD攻城獅養(yǎng)成”</h5>
? ? ? ? ? ? ? ? ? 望成為AndrolD攻城獅么？想開發(fā)一款專屬APP？沒有任何基礎(chǔ)的你，應(yīng)該從何學(xué)起？</div>
? ? ? ? ? ?</li>
? ? ? ? ? ?<li class="p">
? ? ? ? ? ? ? ?<div><span>8月23日</span></div>
? ? ? ? ? ? ? ?<div class="a"><h5>學(xué)習(xí)計劃之“AndrolD攻城獅養(yǎng)成”</h5>
? ? ? ? ? ? ? ? ? ?望成為AndrolD攻城獅么？想開發(fā)一款專屬APP？沒有任何基礎(chǔ)的你，應(yīng)該從何學(xué)起？</div>
? ? ? ? ? ?</li>
? ? ? ?</ul>
? ?</div>

.mid-bom{
? ?height:325px;
? ?overflow: hidden;
}
.conn{
? ?float:left;
? ?width: 328px;
? ?height:315px;
? ?border:1px solid #ccbdb8;
}
.p{
float: left;
}
.conn p{
? ?height:40px;
? ?line-height: 40px;
? ?background-color: #cc0000;
? ?font-family: "微軟雅黑";
? ?font-size:15px;
? ?color:#ffffff;
? ?padding-left:30px;

}
#mid-bom-1 li{
? ?height:69px;
? ?font-family:"微軟雅黑" ;
? ?font-size:12px;
? ?border-bottom: 1px solid #ccbdb8;
? ?margin:10px 20px 10px 0px;
? ?display:inline-block;
? ?float:left;

}

#mid-bom-1 span{
? ?display:block;
? ?background-color: #cc0000;
? ?width:35px;
? ?height:45px;
? ?color: white;
? ?text-align: center;
? ?line-height: 40px;
? ?margin-left: 10px;
}
.a{
? ?width:220px;
? ?height:50px;
}