Margin Collapsing Horizontally Explanation

[lvaqueiroperez]

MDN URL

https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Styling_basics/Box_model

What specific section or headline is this issue about?

In the Margin Section, when you write about margin collapsing.

What information was incorrect, unhelpful, or incomplete?

You should also offer an explanation about margins collapsing horizontally, because they behave in a different manner than vertical ones.
The person or student reading this section should know that if two margins collapse horizontally, the margin in result will be the combination (sum) of both margins.

What did you expect to see?

A quick explanation, maybe with a MDN Playground code practice, of horizontal margins behavior.

Do you have any supporting links, references, or citations?

No response

Do you have anything more you want to share?

No response

MDN metadata

Page report details

• Folder: en-us/learn_web_development/core/styling_basics/box_model
• MDN URL: https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Styling_basics/Box_model
• GitHub URL: https://github.com/mdn/content/blob/main/files/en-us/learn_web_development/core/styling_basics/box_model/index.md
• Last commit: 5b20f5f
• Document last modified: 2024-12-19T15:37:45.000Z

[Josh-Cena]

Hi! This section is not meant as a comprehensive description of margin collapsing. What you are describing is one case of no margin collapsing, which is the expected behavior. Here, we are explaining why you are getting spacing that you do not expect, and it's only relevant when it happens. If you want to know precisely when and how margin collapsing happens, we provide a link to the reference: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_box_model/Mastering_margin_collapsing