@@ -2010,18 +2010,18 @@ Default Alignment Shorthand: the 'place-items' property</h3>
20102010<h2 id='gaps'>
20112011Gaps Between Boxes</h2>
20122012
2013- While 'margin' and 'padding' can be used to specify visual spacing around individual boxes,
2014- it's sometimes more convenient to globally specify spacing between adjacent boxes
2015- within a given layout context,
2016- particularly when the spacing is different between boxes
2017- as opposed to between the first/last box and the container's edge.
2018-
2019- The 'gap' property,
2020- and its 'row-gap' and 'column-gap' sub-properties,
2021- provide this functionality for
2022- <a href="http://www.w3.org/TR/css3-multicol/">multi-column</a> ,
2023- <a href="http://www.w3.org/TR/css-flexbox/">flex</a> ,
2024- and <a href="http://www.w3.org/TR/css-grid/">grid layout</a> .
2013+ While 'margin' and 'padding' can be used to specify visual spacing around individual boxes,
2014+ it's sometimes more convenient to globally specify spacing
2015+ <em> between </em> adjacent boxes within a given layout context,
2016+ particularly when the spacing is different between sibling boxes
2017+ as opposed to between the first/last box and the container's edge.
2018+
2019+ The 'gap' property,
2020+ and its 'row-gap' and 'column-gap' sub-properties,
2021+ provide this functionality for
2022+ <a href="http://www.w3.org/TR/css3-multicol/">multi-column</a> ,
2023+ <a href="http://www.w3.org/TR/css-flexbox/">flex</a> ,
2024+ and <a href="http://www.w3.org/TR/css-grid/">grid layout</a> .
20252025
20262026<h3 id='column-row-gap'>
20272027Row and Column Gutters: the 'row-gap' and 'column-gap' properties</h3>
0 commit comments