                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /網(wǎng)頁簡單布局之結(jié)構(gòu)與表現(xiàn)原則

求大神看看有沒有問題

<!doctype html>

<html>

<head>

/*reset*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin: 0;padding: 0;list-style: none;font:12px/1.5 "Arial", "sans-serif", "微軟雅黑", "宋體", "Tahoma"}

/*公共樣式*/

body{ padding-top:50px; line-height:20px}

.userPic{padding:5px; border:1px #ccc solid}

.demo01, .demo02{ margin-bottom:20px}

p{ text-indent:2em}

.demo1{width:600px;overflow:hidden;}

.demo1 .left{width:100px;float:left;}

.demo1 .left img{margin-left:20px;}

.demo1 .right{width:458px;float:right;padding:20px;background:#31C89B;border:1px solid #000000;}

.demo1 .right h6{margin-bottom:5px;}

.demo1 .right span{color:#999;float:right;margin-top:-100px;}

.demo2{width:600px;overflow:hidden;}

.demo2 img{float:left;margin-left:20px;}

.demo2 .right{width:458px;float:right;padding:20px;line-height:20px;background:#31C89B;border:1px solid #000000;position:relative;}

.demo2 .right h6{margin-bottom:5px;}

.demo2 .right span{font-size:10px;color:#F1EBEB;position:absolute;top:5px;right:10px;}

.demo3{width:460px;position:relative;padding:20px;margin-left:100px;background:#31C89B;border:1px solid #000000;}

.demo3 img{margin-left:20px;;position:absolute;top:0;left:-100px;}

.demo3 h6{margin-bottom:5px;}

.demo3 span{font-size:10px;color:#F1EBEB;position:absolute;top:5px;right:10px;}

</style>

</head>

<body>

? ? <img src="images/head01.jpg"/>

? ? </div>

? ? <div class="right">

? ? <h6>櫻桃小丸子</h6>

? ? ? ? <p>奧鵬教育是由教育部高等教育司2001年12月批準(zhǔn)立項試點，2005年4月正式批準(zhǔn)運營的遠(yuǎn)程教育公共服務(wù)體系，為遍布全國的學(xué)員提供學(xué)歷(專升本，高起專)和非學(xué)歷教育咨詢、報名、學(xué)習(xí)輔導(dǎo)、課程考試、交費等7X24小時學(xué)習(xí)支持服務(wù)400-810-6736。</p>

? ? ? ? <span>10分鐘前</span>

? ? ? ?

? ? </div>

? ?

</div>

?<br/> <br/> <br/>

? ? <img src="images/head01.jpg"/>

?

? ? <div class="right">

? ? <h6>櫻桃小丸子</h6>

? ? ? ? <p>奧鵬教育是由教育部高等教育司2001年12月批準(zhǔn)立項試點，2005年4月正式批準(zhǔn)運營的遠(yuǎn)程教育公共服務(wù)體系，為遍布全國的學(xué)員提供學(xué)歷(專升本，高起專)和非學(xué)歷教育咨詢、報名、學(xué)習(xí)輔導(dǎo)、課程考試、交費等7X24小時學(xué)習(xí)支持服務(wù)400-810-6736。</p>

? ? ? ? <span>10分鐘前</span>

? ? ? ?

? ? </div>

</div>

? ? <img src="images/head01.jpg"/>

? ? <h6>櫻桃小丸子</h6>

? ? <p>奧鵬教育是由教育部高等教育司2001年12月批準(zhǔn)立項試點，2005年4月正式批準(zhǔn)運營的遠(yuǎn)程教育公共服務(wù)體系，為遍布全國的學(xué)員提供學(xué)歷(專升本，高起專)和非學(xué)歷教育咨詢、報名、學(xué)習(xí)輔導(dǎo)、課程考試、交費等7X24小時學(xué)習(xí)支持服務(wù)400-810-6736。</p>

? ? <span>10分鐘前</span>

? ? ? ? ?

</div>

</body>

</html>