dlのdt・dd 横並びレイアウト

※ちゃんとまとめはじめました。　→http://d.hatena.ne.jp/kurihhi/20081107

cssでdtとddを横並びにレイアウトするって結構厄介ですね。
floatとclearとmarginでなんとかなると思ったら全然ダメでした。甘いな自分。。。

http://3ping.org/2005/08/24/0948
dlのdt dd を横並びに - CSS HappyLife

こちらのサンプルでバッチリ思い通りに出来ました。感謝！

メモ：

• dlのdt dd を横並びに - CSS HappyLifeを参考にdtに clear:both; も指定。
• WinIEでddが複数ある場合
  • http://3ping.org/2005/08/24/0948のサンプルCSSのようにwidthの指定がないと、ddの横位置がずれないですね。
    （ddはfloatを指定していないのでwidthを明示しなくてもOKかなと。）
  • 最初のddのみ、要素の中身のテキストの位置が数ピクセルずれますね。。
    【CSS】 dl で float を使う | バシャログ。のように height:1%; を指定するとそのずれは解決できますが、2つ目以降のddの横位置がずれてしまいます。
    http://3ping.org/2005/08/24/0948のコメントでそのずれ（謎の3px）について色々探求なさっているので参考になります。