Lucky bag::blog: dt と dd を横並び

定義リスト dl 内の dt と dd を CSS を使って横並びさせる方法ってのはいくつかあるんだけど、最近どうも記憶力が低下してきた気がするんで、完全自分用メモとして記しておく。 多分オーソドックスな方法 とりあえず最もオーソドックスであろう方法。これ意外にもあるのかもしれないけど、多分今んとこ自分は知らない。（margin を使った方法は前にも記事にしたことがあるけど、一応今回も入れておく） dl_sample01.html float を使った方法 margin を使った方法 position を使った方法 <dl> <dt>foo</dt> <dd>bar</dd> <dt>foo</dt> <dd>bar</dd> </dl> ちなみに margin を使った方法での margin 値の算出方法は、dt と dd それぞれの line-height 値の半分を足し、それに dt

[ku_marin]

今更ながら。よくつかうのでー

[iwmr]

1.dt→floatとdd→margin-left、2.dd→margin-left＋margin-topにネガティブマージン、3.dt→position:absoluteで高さ消失とdd→margin-left

[mimimi0101]

<dd>

[rikuba]

dl

[sabotem]

定義型リストを横並び

[ikacr4u]

dt と dd を横並び

[webmarksjp]

web制作

[uenoantenna]

dt と dd を横並び

[gotack]

DL

[d4-1977]

dt、dd

[hxxk]

7-15. 定義リストの dt と dd を横並びさせる

[dayga]

dt と dd を横並び…他CSSお役立ち

[josch_so36]

綺麗に並べる方法らしい

[k1m]

display: table の例つき

[asiamoth]

『display: table;』ってプロパティがあるんだ。知らなかった。

[kotastyle]

display:run-in;にしようよ。

[hysteric_cat]

役に立つのか解らないけど…いや、htmlの構造化の時に力を発揮するに違いない

[penalty]

つーか、カッコイイなこのデザイン・・・

[lapis25]

自分用にこういう蓄積を作った方がいいかも

[another]

dtとddを水平に並べるには。

[walf443]

floatを使ったほう方が一番良さそう

[shidho]

あー、これやりたかったのよ。