gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Update css box model (#20412)

Browse Source 
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
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
guide/english/css/margins/index.md
View File

@ -37,7 +37,7 @@ margin: 5px 1em 0 1em;
## Where in box model ## 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 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 ## 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). 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).