Css:
Body{margin:0;font-size:12px;font-family: "The song Body";} ul{margin:0;padding:0;list-Style:none;} Img{border:none;} A{text-decoration:none;vertical-align:top;color: #1a1a1a;} . Clear{zoom:1}. Clear:after{display:block;content:""; Clear:both}. wrap{padding-top:18px;border:1px solid #d9d9d9; margin:30px auto;width:680px;height:448px;} . Header{height:28px;background:url ("Headerbg.gif") no-repeat 20px 0;} . Header Ul{padding-top:13px;padding-left:120px;} . Header li{float: left;padding-right:18px;line-height:12px;} . header. more{float: right;padding-right:24px;} . piclist{padding-top:19px;} . piclist li{float: left;width:112px;padding-left:20px;} . piclist Strong{display:block;line-height:32px;padding-bottom:9px;text-align:center;}
Html:
<div class= "wrap" > <div class= "header Clear" > <ul > <li><a href= "#" > TV TV channel </a></li> <li><a href= "#" > Korean drama </a></li> <li><a href= "# ">TVB</a></li> <li><a href=" # "> Taiwan drama </a></li> <li><a HR ef= "#" > American drama </a></li> <li><a href= "#" > Latest film Flower </a></li> </ul> <span class= "More" ><a href= "#" > More »</a></span> </div> <div class= "Piclis T clear "> <ul> <li> <a href=" # "> <strong> lol </strong> </a> </li> <li> <a href= "#" > <stro ng> wife </strong> </a> </li> <li> <a href= "#" > <strong> lol </strong> </a> &l t;/li> <li> <a href= "#" > <strong> wife </strong> </a> </li> <li> <a href= "#" > <strong> lol </STRONG&G T </a> </li> <li> <a href= "#" > <strong> Yin wife </strong> </a> </li> <li> <a href= "#" > <str Ong>, laughter </strong> </a> </li> <li> <a href= "#" & Gt <strong> Yin wife </strong> </a> </l i> <li> <a href= "#" > <strong> lol </strong> </a> </li><li> <a href= " # "> <strong> lol </strong> </a> </li> </ul> </div></div>
Iqiyi Art Video display list static implementation