- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：<dd>要素の前のスペースを調整するには？）
要素の前のスペースを調整する方法と注意点
このQ&Aのポイント
- 要素の前に表示される余白を調整する方法は、CSSのmarginプロパティを使用します。
- 具体的には、要素に対してmarginプロパティを指定し、上下左右の余白の大きさを値として与えることで、要素の前の余白を調整することができます。
- ただし、marginプロパティは隣接する要素や親要素にも影響を与えるため、注意が必要です。隣接する要素との余白が重ならないようにするためには、margin-collapseプロパティを使用するなどの対策が必要です。
noname#241087
- HTML
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
noname#119957
回答No.1
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Hello, DL</title> <style type="text/css"> *{ margin: 0px; padding: 0px; } dl, dt, dd { margin: 0; padding: 0; } li { display: inline; background-color: lightyellow; padding: 10px 10px; } </style> </head> <body> <h1>売れ筋商品</h1> <dl> <dt>スーパー安井</dt> <dd> <ul> <li>大根</li> <li>玉ねぎ</li> <li>レンコン</li> </ul> </dd> </dl> </body> </html> ///これです。//// *{ margin: 0px; padding: 0px; } でマージンをパディングをゼロにリセットしてから、 ＣＳＳを組むと、ブラウザごとに異なるＣＳＳの デフォルトのマージン・パディングをゼロに統一できます。 ＣＳＳコーディングでは、一般化された方法です。
お礼
ken_tyanさん CSS Resetと呼ばれるものなのですね。 どうもありがとうございました。