Re: [csswg-drafts] [css-inline] Leading control at start/end of block

• From: Weston Thayer via GitHub <sysbot+gh@w3.org>
• Date: Tue, 30 Oct 2018 17:29:56 +0000
• To: public-css-archive@w3.org
• Message-ID: <issue_comment.created-434396405-1540920593-sysbot+gh@w3.org>

@fantasai re: https://github.com/w3c/csswg-drafts/issues/3240#issuecomment-433628192 good question, no I didn't intend my example to be a multi-column layout, rather positioning two elements side-by-side.

I often find it difficult to achieve this effect using the `baseline` alignment value because the bits of text I want base-aligned often do not share the same [alignment context](https://www.w3.org/TR/css-align-3/#shared-alignment-context). For example, consider this design that uses the "card" UI pattern:

![two UI cards side-by-side with headlines](https://user-images.githubusercontent.com/709153/47737445-2f999200-dc2e-11e8-88c0-ced42d3e0632.png)

Because it's most convenient to enclose the headlines within a `<div>` (to set the background, border, and padding), the `<div>` ends up being what shares the alignment context within a layout container like Grid or Flexbox that has access to the `baseline` alignment value.

-- 
GitHub Notification of comment by WestonThayer
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/3240#issuecomment-434396405 using your GitHub account

Received on Tuesday, 30 October 2018 17:29:58 UTC