??? <div class="mid">
????? <ul>
??????? <li class="li1"><img src="http://img1.sycdn.imooc.com//53edad54000119fb03300130.jpg"/><br/>
??????????? <a href="#">玩轉bootstrap</a></li>
??????? <li class="li2"><img src="http://img1.sycdn.imooc.com//53edad690001260a03300130.jpg"/><br/>
??????????? <a href="#">企業網頁實戰</a></li>
??????? <li class="li3"><img src="http://img1.sycdn.imooc.com//53edad7a0001cde803300130.jpg"/><br/>
??????????? <a href="#">JavaScript</a></li>
????? </ul>
??? </div> <!--mid結束-->

.mid{
?? ?width:1000px;
?? ?height:150px;
?? ?margin:10px auto;}
.mid li{
?? ?list-style-type:none;?? ??? ?
?? ?text-align:center;
?? ?float:left;
??? width: 330px;
??? height: 130px;}
.mid li1,.mid li2{
?? ?margin-right:5px;}
.mid li3{
?? ?margin-right:0;}
.mid a{?? ?
?? ?text-decoration:none;
?? ?color:#000;}