HTML5+CSSについての質問です。


定義リスト dl dt dd で、
表示上レイアウトの方法についての質問です。

dt dd を縦にならべ、
dt dd の固まりを横に並んでいくようなCSSの組み方をおしえてください
※ JSを使用せず

期待しているレイアウト↓
http://gyazo.com/00579edf2fadef9fd7dc9c52725765da

動作を確認し環境は、IE7以上と他主要ブラウザ最新バージョンです。

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2012/06/19 09:38:15
  • 終了:2012/06/26 09:40:03

回答(1件)

id:ku__ra__ge No.1

ku__ra__ge回答回数118ベストアンサー獲得回数402012/06/19 10:07:37

こんな感じでしょうか?

<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>

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません