人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

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

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

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

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

●質問者: qlzyu
●カテゴリ:インターネット ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● ku__ra__ge

こんな感じでしょうか?

<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>
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ