皆さまこんにちは。急に寒くなってきたと思ったら昨日今日暑いですね。風邪などひかないように早寝早起きを！（出来たらいいな>_<）
今回は、簡潔ですいません。新着情報の日付とタイトルなどを定義リストdt,ddで書いた場合に通常ブラウザのデフォルトでは、改行・インデントされるが、横並びにさせる方法です。
<dl>
<dt>2008/04/01</dt>
<dd>新製品○○が発売されました。</dd>
</dl>
HTMLをこう書くと通常
- 2008/04/01
- 新製品○○が発売されました。
↑ こうなる
【floatを使う方法】
dt {
float:left;
width:5em;
}
dd {
margin-left:5em;
}
これでdtとddが横に並ぶはずです。widthとmargin-leftの幅は、要調整です。
トラックバック(0)
このブログ記事を参照しているブログ一覧: css 定義リストのdt,ddを横並びにさせる
このブログ記事に対するトラックバックURL: http://www.web-mora.co.jp/admin/mt-tb.cgi/153
コメントする