おひさしぶりです。 dlを使うとき、dtとddを横並びにしたいことがあると思います。 画像とか文字量・文字サイズ固定だと簡単ですが、 文字の可変にも対応とかdt・ddが複数続くとかdtの方が高さがあるとかだと面倒くさいことになります。 別のタグを使おうかな~なんてしょっちゅう考えてしまいますが・・・・・・・・・・・・ というわけで、できるだけいろんなブラウザで実現できる方法を考えていきましょう。 まず最初に、dl・dt・ddの幅を指定して、dt・ddに「float:left;」を指定。 簡単な場合だとこれでOKです。 次に、文字の可変とかdt・ddが複数続くとかdtの方が高さがあるとかの場合ですが、 いろんなケースを考えると、cssの記述がちょっとややこしくなります。 完成系の記述は下記になります dl.sample-list { width: 500px; } dl.samp