@@ -2010,18 +2010,18 @@ Default Alignment Shorthand: the 'place-items' property</h3>
2010
2010
<h2 id='gaps'>
2011
2011
Gaps Between Boxes</h2>
2012
2012
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> .
2025
2025
2026
2026
<h3 id='column-row-gap'>
2027
2027
Row and Column Gutters: the 'row-gap' and 'column-gap' properties</h3>
0 commit comments