Use Div + CSS to display text and text together with the text list

Document directory

• CSS code
• HTML code

CSS code

<style>*{ padding:0px; margin:0px;}body{ font-size:12px; line-height:150%; color:#666666}a{ color:#003399; text-decoration:none}a:hover{ color:#999900;}div{ overflow:hidden}.box{ width:300px; margin:10PX auto;}img{ border:0px;}.p5{ padding:5px;}.cle{ clear:both; height:0px;}.m{ border:1px solid #ccc;}.m h2,.m ul li{ height:25px; line-height:25px;}.m h2{ font-size:12px; background:#f7f7f7; padding-left:5px;}.m ul li{ list-style:none; border-top:1px dotted #ddd;background:url(b1.gif) no-repeat 3px 50%; padding-left:20px;}.m .list_1{ margin-bottom:5px;}.m .list_1 span{ float:left; padding-right:8px;}.m .list_1 span img{ border:1px solid #eee;}.m .list_1 p{}</style>

HTML code

<Div class = "box"> <Div class = "M"> <H2> cssbbs image + text list </H2> <Div class = "P5"> <Div class = "list_1"> <span> <a href = "http://www.865171.cn">  </a> </ span> <p> <B> <a href = "http://www.865171.cn"> CSS website layout (second edition) </a> </B> <br/> This book describes a typical example of applying CSS to website layout design and Reconstruction Based on Web standards. This book is based on examples and shows you step by step how to design CSS la s that comply with the Web 2.0 standard... </P> <Div class = "CLE"> </div> <ul class = "list_2"> <li> <a href = "http://www.865171.cn" target = "_ blank"> proficient in CSS + Div webpage style layout (with CD) </a> </LI> <li> <a href = "http://www.865171.cn" target = "_ blank"> proficient in CSS: advanced Web standard solution -- Turing... </a> </LI> <li> <a href = "http://www.865171.cn" target = "_ blank"> CSS zen garden </a> </LI> <li>