レスポンシブサイトで定義リスト(dl,dt,dd)を横並びにした時に高さを合わせる
レスポンシブでdt ddを横並びに
レスポンシブサイトで高さが可変のDLリストの横並びがしたい。
さらに行に背景色を指定したい。
.hoge{ dl { width: 100%; line-height: 1.5; background-color: #F5F5F5; overflow: hidden; dt { float: left; width: 90px; padding: 10px; } dd { margin-left: 110px; padding: 10px; background-color: #FFF; } } }
これで行ける。