/* CSS・スタイルシート質問スレッド【18】 */

質問させてください。
台本のマークアップは<dt><dd>タグでと聞き、試してみたのですが、
実際の台本のように表示させようと思うと、なかなか上手く行きません。

<dt>長い長い長い長い名前</dt><dd>セリフは短め</dd>
<dt>名前</dt><dd>セリフが２行以上<br>セリフが２行以上</dd>

↑この例を

長い長い　「セリフは短め」
長い長い
名前
名前　　　「セリフが２行以上（略）
　　　　　　セリフが２行以上」

という風に表示させようとすると、

長い長い「セリフは短め」
長い長い
名前　　「セリフが２行以上（略）
名前　　　セリフが２行以上」

のように表示が崩れてしまいます。現在のCSSソースは以下の通りです。

dt { width : 4em ; float : left ; clear : left ; }
dd { margin-bottom : 1em ; }

段組みの指定が参考になるかと思い、>>6に載っていたサイトも
見てソースを試してみたりしたのですが、どうにも上手く行きません。
よろしくお願いします。