                        課程
                    
                        /前端開發
                        
                            /HTML/CSS
                        
                        /網頁簡單布局之結構與表現原則

h6離上面有一段距離，跟老師的不一樣

<!DOCTYPE html>
<html>
<head>
?<meta charset="UTF-8">
?<title>Document</title>
?<style type="text/css">
?body{margin: 0px;padding: 0px}
??.demo1{width: 600px;position: relative;}
??.demo1 .left{width: 100px;float: left;}
??.demo1 .left img{margin-left: 20px}
??.demo1 .right{width: 458px;float: right;border: 1px solid green;background: #9cf;padding: 20px}
??.demo1 span{position: absolute;right:20px;top:10px;font-size: 12px}?</style>
</head>
<body>
?<div>
?<div>
??<img src="C:\Users\chester\Desktop\案例04 微博對話框\images\head01.jpg">
?</div>
?<div>
??<h6>一劍無血</h6>
??<p>奧鵬教育是由教育部高等教育司2001年12月批準立項試點，2005年4月正式批準運營的遠程教育公共服務體系，為遍布全國的學員提供學歷(專升本，高起專)和非學歷教育咨詢、報名、學習輔導、課程考試、交費等7X24小時學習支持服務400-810-6736。</p>
??<span>10分鐘前</span>
?</div>
?</div>
</body>