読者です 読者をやめる 読者になる 読者になる

SublimeなLife日記

少しでも素晴らしい生活をおくるために、日々、気になったことを。

レスポンシブサイトで定義リスト(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;
    }
  }
 }

これで行ける。