[csswg-drafts] [css-align] gap properties for block layout

• From: Benoît Rouleau via GitHub <sysbot+gh@w3.org>
• Date: Thu, 30 Aug 2018 17:14:18 +0000
• To: public-css-archive@w3.org
• Message-ID: <issues.opened-355677779-1535649257-sysbot+gh@w3.org>

benface has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-align] gap properties for block layout ==
>From the [CSS Box Alignment Module Level 3](https://drafts.csswg.org/css-align/#gaps) Editor’s Draft:

> The gap property, and its row-gap and column-gap sub-properties, provide this functionality for multi-column, flex, and grid layout.

Shouldn't `gap` and `row-gap` be functional in block layout too?

e.g.
```
<ul style="row-gap: 2em;">
    <li>
        No space above this item
    </li>
    <li>
        Space between this item and the ones above and below it
    </li>
    <li>
        No space below this item
    </li>
</ul>
```

Of course you can get the same effect with margins, but the `gap` properties are considerably more elegant/cleaner.

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/3068 using your GitHub account

Received on Thursday, 30 August 2018 17:14:20 UTC