久々に定義リストを横並びにしたら、IE7で上手くいかず、ちょっと苦戦したのでメモめもMEMO。 おそらく、ddがテキスト量などで高さがdtより多い場合は問題が無いんだろうけど、dtの方が高さがある場合、IE7だと上手い具合に回り込みが解決されない(っぽい dtの方が高さがある場合。っていうのは今回の場合は画像にdtが来て、ソレを定義付ける説明がちょろっとあるようなイメージ。 実際の表示は下のような感じ。 SQ Lifeのバナーです。 SQ Lifeのバナーです。 スタイルは以下のようになられます。 dl#sample_070228 dt { float:left; clear:both; width:125px; margin-right:10px; margin-bottom:20px; border-bottom:0; } dl#sample_070228 > dd { float:l
![dtの方が高さが有る時のdt dd を横並び](https://cdn-ak-scissors.b.st-hatena.com/image/square/9d6eb249afe89c2191c913e59c47b19879314a24/height=288;version=1;width=512/http%3A%2F%2Fcss-happylife.com%2Fimg%2Fshare%2Ficon_apple_touch.png)