DLにおけるFLOATとか

そーす

<dl>
<dt>【またんご】</dt><dd>恐いぞ。キノコだぞ。</dd>
<dt>【かいじゅう】</dt><dd>でかいぞ。</dd>
<dt>【おばけ】</dt><dd>やっぱり恐いぞ。</dd>
</dl>

その1

dt{ float : left ; width : auto ; }としてみる。

その2

さらに、dt , dd{ margin : 1em ; padding : 0 ; }としてみる。

その3

分かりやすいように、dt , dd{ margin : 1em ; padding : 0 ; border : 1px solid gray ; }としてみる。

その4

あっそうか、そうか、dt , dd{ margin : 0 ; padding : 1em ; }としてみる。

その5

今度は、dt , dd{ margin : 0 1em 0 0 ; padding : 1em ; }としてみる。

その6

今度は、dt{ margin : 0 1em 0 0 ; padding : 1em ; width : 12em ; }、dd{ margin : 1em 1em 1em 16em ; padding : 1em ; } としてみる。

MacIE5では一番目の<dt>がずれるなあ。

その7

今度は、dl{ margin : 1em ; padding : 1em ; }を追加してみる。

Mozilla0.9.5でも一番目の<dt>がずれるなあ。

その8

野嵜氏私案スタイル。

【またんご】

恐いぞ。キノコだぞ。

【かいじゅう】

でかいぞ。

【おばけ】

やっぱり恐いぞ。

content : "¥A"を理解しない……。

おまけ

MacIE5ではまともに整形しちゃう。