dl dt dd で作る新着情報一覧の横並びテンプレートを作成してみた

dl dt dd で作るTopicsの私的テンプレート

<dl class="topics">  
    <dt>[0000年 00月 00日]</dt><dd>○○○○を○○○○しました。</dd>  
    <dt>[0000年 00月 00日]</dt><dd>○○○○を○○○○しました。</dd> 
　　<dt>[0000年 00月 00日]</dt><dd>○○○○を○○○○しました。</dd>     
</dl>

/* ------------------
    topics
-------------------- */
dl.topics {
    overflow: hidden;
    zoom: 1;
}
dl.topics dt {
    width: 130px;
    float: left;
    clear: both;
}
dl.topics dd {
    padding: 0 0 5px 130px;
}

簡単に解説

1. dtの幅を指定する。[width: 130px;]
2. dtにfloat:leftとclear指定。
3. ddのpadding-leftをdtの幅[130px;]か、間を空けたい分だけ設定する。