dtとddを横並びに表示するのにdisplay: inline-block;をよく使っていたのですが、ddが複数行になる場合にdtやddの位置がズレこんできてしまうので、cleaf: left; と float: left; を使って対応しました。 display: inline-block;でズレるdisplay: block; と float: left;を使って横並びにすると親要素の高さが算出できなくて、clearfixを使ったりoverflow: hidden; を使ったりしなくちゃいけません。それで余計な記述が増えるのが嫌でdisplay: inline-block; を使っていたのですが、この場合dd内のテキストが無くなったり複数行になったりした時にdtとddの位置がズレこんできちゃいます。 float: left;も使うしclear: left;も使うdisplay: inl