qlzyu回答ポイントなし

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

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

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

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

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

みんなの回答

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

スター

この質問へのコメント

コメントはありません

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

みんなの回答

kurage2012/06/19 10:07:37

この質問へのコメント

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

質問の情報

この質問のカテゴリ

この質問に含まれるキーワード

人気の質問

メニュー

PC版

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

みんなの回答

ku__ra__ge2012/06/19 10:07:37

この質問へのコメント

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

質問の情報

この質問のカテゴリ

この質問に含まれるキーワード

人気の質問

メニュー

PC版

kurage2012/06/19 10:07:37