Update css box model (#20412)

Link was no longer working for the image. Found a new image on same website, GitHub is having a small glitch and not loading the image properly.
This commit is contained in:
Jessica Swift
2018-10-18 21:03:20 -05:00
committed by Aditya
parent bea0d3de77
commit 27c0a9a1c1

View File

@ -37,7 +37,7 @@ margin: 5px 1em 0 1em;
## Where in box model
The margin property in CSS defines the outermost portion of the box model, creating space around an element's content, outside of any defined paddings and/or borders.
![The CSS Box Model](https://www.w3.org/TR/css3-box/box.png)
![The CSS Box Model](https://www.w3.org/TR/CSS2/images/boxdim.png "CSS Box Model Diagram")
## Collapsing margins
Vertical margins on different elements that touch each other (thus have no content, padding, or borders separating them) will collapse, forming a single margin that is equal to the greater of the adjoining margins. This does not happen on horizontal margins (left and right), only vertical (top and bottom).