DIVCSS實例：打造一個常見的Blog列表

<div id="wrap">
<div class="list">
<p class="date"></p>
<h2></h2>
<p class="meta"></p>
<p></p>
</div>
</div>

<div id="wrap">
<div class="list">
<p class="date">September <b>03</b></p>
<h2><a href="http://www.downcodes.com/default.asp?cateID=9">DIV CSS佈局實例：用css網站佈局之十步實錄！ </a></h2>
<p class="meta">來自：<a href="http://www.downcodes.com/">www.downcodes.com</a> | 編輯：<a href="#">downcodes.com </a> | <a href="#">沒有回覆?</a></p>
<p>新標籤頁：每當您開啟一個新的標籤頁，就會直觀地看到您最常造訪的網站、最常使用的搜尋引擎、最近加入書籤的頁面以及最近關閉的標籤頁等等。
應用程式捷徑：無需開啟瀏覽器即可啟用網頁應用程式。應用程式捷徑可以直接載入您常用的線上應用程式。 </p>
</div>
<div class="list">
<p class="date">August <b>26</b></p>
<h2><a href="http://www.downcodes.com/article.asp?id=813">定義列表dl打造圖文並茂的CSS列表元素</a></h2>
<p class="meta">來自：<a href="http://www.downcodes.com/">www.downcodes.com</a> | 編輯：<a href="#">downcodes.com </a> | <a href="#">沒有回覆?</a></p>
<p>新標籤頁：每當您開啟一個新的標籤頁，就會直觀地看到您最常造訪的網站、最常使用的搜尋引擎、最近加入書籤的頁面以及最近關閉的標籤頁等等。
應用程式捷徑：無需開啟瀏覽器即可啟用網頁應用程式。應用程式捷徑可以直接載入您常用的線上應用程式。 </p>
</div>
<div class="list">
<p class="date">August <b>22</b></p>
<h2><a href="http://www.downcodes.com/article.asp?id=792">可以隱藏與滑出顯示的超炫CSS+JS選單實例</a></h2>
<p class="meta">來自：<a href="http://www.downcodes.com/">www.downcodes.com</a> | 編輯：<a href="#">downcodes.com </a> | <a href="#">沒有回覆?</a></p>
<p>新標籤頁：每當您開啟一個新的標籤頁，就會直觀地看到您最常造訪的網站、最常使用的搜尋引擎、最近加入書籤的頁面以及最近關閉的標籤頁等等。
應用程式捷徑：無需開啟瀏覽器即可啟用網頁應用程式。應用程式捷徑可以直接載入您常用的線上應用程式。 </p>
</div>
</div>

* { margin:0; padding:0; font-size:12px; color:#666; list-style:none; font-family:Arial, Helvetica, sans-serif;}
body{ background:#ebead1;}
a{ color:#514f42;text-decoration:none;}
a:hover{ color:#669900;}

#wrap{ width:650px; margin:30px auto; overflow:hidden;}
.list{ width:650px; padding:0 0 20px 0; margin:0 0 20px 0; border-bottom:1px dashed #666633;}

.list .date{ float:left;width:76px; height:58px; margin:0 20px 0 0; padding:2px 0 0; background:#514F42;text-transform: uppercase;text-align:); :10px;font-weight: bold; color:#FFF;}
.list b{display:block; font-size:40px; color:#FFF; line-height:40px;}

.list .meta{margin:0 0 25px 0; color:#979680;}
.list h2 a{font-size: 1.8em; }
.list p{ display:block; line-height:18px;}