サイト内検索
...スタイルシート(css)...
スタイルシート・リスト
dlリストのdd位置指定（float）
- ｄｄリストのddの位置指定は、margin-left・ display: block;を指定します。
- [使い方]
- dl.sample dd{
display: block;
margin-left: 30px;
}
displayについては、こちらをご覧ください。
| プロパティ名 | 値 | 説明 |
|---|---|---|
| display: | block; | dlリスト全体が左側に移動することをブロックします。 |
サンプル
[ｈｅａｄの中]
<style type="text/css"><!--
dl.sample dd{
display: block;
}
dl.sample dd {
margin-left: 80px;
}
-->
</style>
[ｂｏｄｙの中]
<dl class="sample"><dt>花の種類</dt>
<dd>カサブランカ・ユリ科</dd>
<dd>モダンローズ・バラ科</dd>
<dd>胡蝶蘭・ラン科</dd>
</dl>
[ブラウザ上]
- 花の種類
- カサブランカ・ユリ科
- モダンローズ・バラ科
- 胡蝶蘭・ラン科
