1:ID:rjuB.D · 2017-04-28

こんな感じのソースだとして、dl:beforeに画像を入れて横並びにしたいと思っています。
イメージとしては以下のような表示です。
（画像）　タイトル
　　　　　内容

dl:beforeにdisplay:inline-boxを指定すれば横並びになると思ったのですが、なりません。
こういうソースの場合は無理なのでしょうか？

いいね! 5 あとで

5 件の回答

時系列表示 — 階層表示

2:ID:abWH.J · 2017-04-28

float:leftじゃないか？

3:ID:CmFu2A · 2017-04-29

padding-leftと挿入した画像は絶対値で指定だろ。めんどいけど。

4:ID:主 · 2017-04-29

Re:2
float:leftで一応横並びにはなるのですが、上下中央揃えは出来ないし、widthを指定しないと崩れます。（つまり、レスポンシブのようにはできない）
display:inline-boxとかtable-cell的に使えればいいのですが、やっぱり無理ですよね・・・

5:ID:j1XVNe · 2017-04-29

Re:4
inline-boxでinline-blockだよね？
dlじゃなくて.box:beforeにして.box:beforeとdlそれぞれにinline-blockを設定すればうまくいくよ。

6:ID:GBzWM3 · 2017-04-29

<dl>の閉じタグをちゃんとすればいいんじゃない

コメントの受付は終了しました。