DIVCSS の例: 共通のブログ リストを作成する

<div id="ラップ">
<div class="リスト">
<p class="date"></p>
<h2></h2>
<p class="meta"></p>
<p></p>
</div>
</div>

<div id="ラップ">
<div class="リスト">
<p class="date">9 月 <b>03</b></p>
<h2><a href="http://www.downcodes.com/default.asp?cateID=9">DIV CSS レイアウトの例: CSS Web サイト レイアウトを使用する 10 のステップ! </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>新しいタブ: 新しいタブを開くたびに、よくアクセスする Web サイト、最もよく使用する検索エンジン、最近ブックマークしたページ、最近閉じたタブなどが直感的に表示されます。
アプリのショートカット: ブラウザーを開かずに Web アプリを有効にします。アプリケーション ショートカットは、頻繁に使用するオンライン アプリケーションを直接ロードします。 </p>
</div>
<div class="リスト">
<p class="date">8 月 <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>新しいタブ: 新しいタブを開くたびに、よくアクセスする Web サイト、最もよく使用する検索エンジン、最近ブックマークしたページ、最近閉じたタブなどが直感的に表示されます。
アプリのショートカット: ブラウザーを開かずに Web アプリを有効にします。アプリケーション ショートカットは、頻繁に使用するオンライン アプリケーションを直接ロードします。 </p>
</div>
<div class="リスト">
<p class="date">8 月 <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>新しいタブ: 新しいタブを開くたびに、よくアクセスする Web サイト、最もよく使用する検索エンジン、最近ブックマークしたページ、最近閉じたタブなどが直感的に表示されます。
アプリのショートカット: ブラウザーを開かずに Web アプリを有効にします。アプリケーション ショートカットは、頻繁に使用するオンライン アプリケーションを直接ロードします。 </p>
</div>
</div>

* { マージン:0; フォントサイズ:12px; フォントファミリー:Arial、Helvetica、サンセリフ;}
ボディ{背景:#ebead1;}
a{ color:#514f42;text-decoration:none;}
a:ホバー{ color:#669900;}

#wrap{ 幅: 650px; マージン: 30px 自動; }
.list{ 幅:650px; パディング:0 0 20px 0; ボーダーボトム:1px 破線 #666633;}

.list .date{ float:left;width:76px;height:58px;padding:2px 0 0;text-transform:uppercase;text-align:center;font-size :10px;フォントの太さ: 太字:#FFF;}
.list b{表示:ブロック; カラー:#FFF;}

.list .meta{マージン:0 0 25px 0; カラー:#979680;}
.list h2 a{font-size: 1.8em;
.list p{ 表示: 行の高さ: 18px;}