定義リスト dl dt dd で、
表示上レイアウトの方法についての質問です。
dt dd を縦にならべ、
dt dd の固まりを横に並んでいくようなCSSの組み方をおしえてください
※ JSを使用せず
期待しているレイアウト↓
http://gyazo.com/00579edf2fadef9fd7dc9c52725765da
動作を確認し環境は、IE7以上と他主要ブラウザ最新バージョンです。
No.1
118
40
こんな感じでしょうか？
<html> <head> <style> * { margin:0; padding:0; } dt { border : solid 1px; display : block; width : 100px; float : left; } dd { border : solid 1px blue; display : block; width : 100px; margin-left : -102px; padding-top : 1.5em; float : left; } </style> </head> <body> <dl> <dt>a-dt<dd>a-dd <dt>b-dt<dd>b-dd <dt>c-dt<dd>c-dd </dl> </body> </html>
21
19
1
1
1
コメント（0件)