floatさせた定義リストのmarginが思いどおりにならない。 | 元気ハツラツtamagoです

元気ハツラツtamagoです

PC前を住処にしている主婦でございます。

Webクリエイターを目指す!!
今日はいい天気だ!バイク乗ろうww

---------------------------------------------------
おはようございますニコニコ

昨夜Web creatorsを読んでて、定義リストに関するcssが載っていたので、忘れないように書いておこう。

dtとddを横に並べたいって事はよくあることで。

dt側に「margin-right: 10px」としても

firefox、Safariではdtとddが離れないらしい。

ddにdtの幅+余白分をmargin-leftで指定すると解決する。

これはいつの間にか自分でも実践していたwww

あと、ddよりdtの内容物が大きい場合、FirefoxとSafariで段ズレを起こす。

dd:after {
height: 0;
visibility: hidden:
content: ".";
display: block;
clrear: both;
}

を加えるらしい。

なるほどね。

まだdtのボリュームが大きいという経験はないけど・・w

:after
:before

って使ったことないけど、どんな使い方するんだろう。

調べてみました。

おっ!

今日はスーパーの1割引day!

朝一に行かねばwww

買いだめ~~~~v