CSS might be a total mystery to you or a topic that’s near and dear to your heart. Whether you think of CSS as a "necessary evil" or think of it as...
For further actions, you may consider blocking this person and/or reporting abuse
First of all, because the
divis a block-level element it will take the full width of the container, so the distance between the twodivs is the vertical distance.Due to "margin collapsing", the top and bottom margins are collapsed into a single margin whose size is the largest of the individual margins, which is
50px.Adjacent margins overlap, not combine, hence 50.
😄👏👏🎉🎉
Hey folks, remember that margin collapsing happens only vertically, or better on the block axis.
Also, it doesn't apply to flex or grid items.
Thank you for sharing this 🤗🤗