dlのdt dd を横並びに

何かと便利な定義リスト。 用語集や、Q&Aなど使いどころは沢山あるけれど、同じ行にしたいと思うことがしばしば有るかと思います。 しかし、中々思うように横並びが出来ないのが定義リスト。 今回はそんな厄介な定義リストのサンプルを作ってみました。 まずはスタイルシート。 dl { border:1px solid #999; width:390px; } dt { float:left; width:100px; padding:5px 0 5px 10px; clear:both; font-weight:bold; } dd { width:260px; margin-left:100px; padding:5px 5px 5px 10px; border-left:1px solid #999; } こんな感じです。 そして、実際の画面では↓こんな感じで表示されると思います。 もっとテーブ

[yamadar]

定義リストの横並び。シンプルで素敵。

[tohokuaiki]

ブラ下がりっぽくする方法。

[kamip]

なぜこれにブクマが一つもない！？すごく助かりました。

[yoshida2855]

何かと便利な定義リスト。 用語集や、Q&Aなど使いどころは沢山あるけれど、同じ行にしたいと思うことがしばしば有るかと思います。 しかし、中々思うように横並びが出来ないのが定義リスト。 今回はそんな厄介な定義リ

[diveintounlimit]

わりと今更なネタにブクマが集まるなぁ。

[po-06rry]

from marin

[honyalink]

dt ddを横並びに

[uduca]

dlのdt dd を横並びに

[iww]

横並びにした上に枠線を引きたいときに

[bigchu]

: dl dt ddを横並びせグッジョブ!!あわもりいっぱい！

[d4-1977]

dt、dd

[iwyoshi]

dl dt dd を横並びに