- ベストアンサー
困っているのでお助けください
- テキストの改行に関して困っています。特に、<dl><dt>タグの改行についての問題があります。
- また、<dt><dd>の横並びに関しても考えているのですが、特定の箇所では<dd>タグを使いたいこともあります。
- どのように対応すればよいか、アドバイスをいただけると幸いです。
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
（３）の本文中でddを使うというのが、 <dl> <dt>(3)</dt> <dd>あああああ <dl><dd>あああああ</dd></dl> </dd> </dl> ということでしたら、 dl.list309 dd { margin-bottom: 1em; margin-left: 0.5em; } dl.list309 dd dl dd { margin-bottom: 別の値; margin-left: 別の値; } で中のddだけ別の値で上書きできます。
その他の回答 (2)
- rurino
- ベストアンサー率55% (38/68)
定義タグではありませんが… リストタグで。 HTML ---- <ol> <li>テキストテキストテキスト…</li> <li>テキストテキストテキスト…</li> </ol> CSS ---- ol { margin: 0; padding: 0; } li { margin: 0 0 0 2em; padding: 0; } バッティングしてしまう時はidやclassとの組み合わせで対処すれば問題ないかと。 どうしても定義タグでの設定が必要な場合は申し訳ないです（平伏）
お礼
ご丁寧にありがとうございます！ 今回は定義タグで...ということだったんですが、 他にもいろんな方法があると知り勉強になりました。 今後の参考にさせていただきます。
- fujillin
- ベストアンサー率61% (1594/2576)
よくわかってませんが… dl.list309 { margin-left:1.5em; } dl.list309 dt { text-indent:-1.5em; } みたいなのではダメでしょうか？
補足
早速のご回答ありがとうございます！ 質問自体が分かりにくく申し訳ありませんが、すごーくヒントになっている気がします。 「dl.list309」の設定は苦し紛れのものでして、なければない方がよく... シンプルに<dt>タグが改行されてもインデントが効いてくれさえすればよいんです。 実際このように↓してみたらいいでしょうか？ お手数ですが、もう一度ご回答いただけませんでしょうか。 /*テキスト 定義タグ*/ .text dl { padding-left: 1em; } .text dl dd { margin-bottom: 5px; margin-left: 0; padding-left: 2em; } .text dl dt { padding-left: 0em; margin-bottom: 3px; text-indent:-1.5em; ←ここだけ付け加える。 }
お礼
お礼が遅くなりスミマセン。 やはり、シンプルというのは難しい相談でした。 こちらのように設定してみます。 ありがとうございました。