上図のような表をdlで作成する場合、 今まではdt、ddにきっちりwidthを指定し、 それぞれにborder-bottomを指定。 dtにfloat:left;、ddにfloat:right;を指定するという方法でやっていました。 でも、「う」の段のように、ddのテキストの行数がdlよりも多いと border-bottomがずれてしまいます。 ならborder-top指定すれば？と思いますが、 「え」の段のように、逆にdtのテキストの行数が多いと 「お」の段が回り込んでしまいます。 そうすると、一段ずつdlにするというような 何とも不細工なソースになってしまっていました。 調べてみると、下記の様にすればで崩れずソースもきれいなままです。 それは、dtにwidthとfloat:left;を指定border-bottomの指定はナシ。 ddには、dtのwidth分のpadding-leftと