Skip to content

Commit

Permalink
[css-align-3][editorial] Fix indentation, add emphasis.
Browse files Browse the repository at this point in the history
  • Loading branch information
fantasai committed Mar 10, 2025
1 parent f8eb0f7 commit 4ec7c5c
Showing 1 changed file with 12 additions and 12 deletions.
24 changes: 12 additions & 12 deletions css-align-3/Overview.bs
Original file line number Diff line number Diff line change
Expand Up @@ -2010,18 +2010,18 @@ Default Alignment Shorthand: the 'place-items' property</h3>
<h2 id='gaps'>
Gaps Between Boxes</h2>

While 'margin' and 'padding' can be used to specify visual spacing around individual boxes,
it's sometimes more convenient to globally specify spacing between adjacent boxes
within a given layout context,
particularly when the spacing is different between boxes
as opposed to between the first/last box and the container's edge.

The 'gap' property,
and its 'row-gap' and 'column-gap' sub-properties,
provide this functionality for
<a href="http://www.w3.org/TR/css3-multicol/">multi-column</a>,
<a href="http://www.w3.org/TR/css-flexbox/">flex</a>,
and <a href="http://www.w3.org/TR/css-grid/">grid layout</a>.
While 'margin' and 'padding' can be used to specify visual spacing around individual boxes,
it's sometimes more convenient to globally specify spacing
<em>between</em> adjacent boxes within a given layout context,
particularly when the spacing is different between sibling boxes
as opposed to between the first/last box and the container's edge.

The 'gap' property,
and its 'row-gap' and 'column-gap' sub-properties,
provide this functionality for
<a href="http://www.w3.org/TR/css3-multicol/">multi-column</a>,
<a href="http://www.w3.org/TR/css-flexbox/">flex</a>,
and <a href="http://www.w3.org/TR/css-grid/">grid layout</a>.

<h3 id='column-row-gap'>
Row and Column Gutters: the 'row-gap' and 'column-gap' properties</h3>
Expand Down

0 comments on commit 4ec7c5c

Please sign in to comment.