日付とタイトルを横並びにする

NO IMAGE

最近よく使うCSS

.datelist {
zoom:1;
overflow:hidden;
margin:10px 0px 20px;
padding:0px;
}

.datelist dt {
clear:both;
float:left;
width:7.8em;
padding:5px 0px;
}

*html .datelist dt {
width:7em;
}

.datelist dd {
margin:0px;
padding:5px 0px 5px 7.8em;
border-bottom:1px #ffd700 dotted;
}

*html .datelist dd {
padding-left:7em;
}

1)dt要素にのみ、clear、float、widthプロパティの指定を行う。

2)dd要素にはdt要素のwidthの値分のpadding-leftを指定する。

3)IE6用に、*htmlハック

CSS+htmlカテゴリの最新記事