定義リストを使ってスケジュールページ等を作るときに。それぞれdt,ddの１セットの間に何か置きたい時、以前はテーブルで作って、間に画像等を入れていたが、面白くないので定義リストで作ってみる！

html的には普通の定義リスト。

CSS

dl dt:before {
content:”↓”;
display: block;
}
dl dt:first-child:before {
display: none;
}

ここでは矢印（↓）を入れてみた。
:beforeで矢印を追加して、:first−chidで一つ目を消す。
結構単純。