[CSS]パラグラフやリストなどのテキストの下にできてしまう意図しない余白を解決する方法

p, ul, ol, dl などのテキストの下にできてしまう意図しない余白を解決するうまい方法をCSS-Tricksから紹介します。 下記は各ポイントを意訳したものです。 Spacing The Bottom of Modules 上記のコードはシンプルで、divをラッパーとして、見出しとパラグラフを配置しているだけです。 HTML <div class="module"> <h3>Module</h3> <p>Pellentesque habitant morbi tristique senectus...</p> </div> スタイルシートもシンプルです。 CSS html { background: #333; } .module { width: 20rem; padding: 1.5rem; margin: 1.5rem auto; background: white; } h

[srbook]

“.module > *:last-child { margin: 0;}”

[qrac_jp]

パラグラフやリストなどのテキストの下にできてしまう意図しない余白を解決する方法

[ikosin]

余白のトグル面白い

[poppun1940]

p, ul, ol, dl などのテキストの下にできてしまう意図しない余白を解決するうまい方法をCSS-Tricksから紹介します。 下記は各ポイントを意訳したものです。 Spacing The Bottom of Modules 上記のコードはシンプルで、divをラッパーとし

[kana321]

コリス

[abeshin22]

おおお！これは知っとこや！→ [CSS]パラグラフやリストなどのテキストの下にできてしまう意図しない余白を解決する方法 | コリス

[nors]

http://css-tricks.com/spacing-the-bottom-of-modules/

[nibushibu]

やり方の一つではあると思うけど、自分はOOCSSみたいにp{margin:10px}だけのほうがシンプルな気がする。