[csswg-drafts] [css-align] `justify-items` and anonymous block boxes (#11461) from Oriol Brufau via GitHub on 2025-01-08 (public-css-archive@w3.org from January 2025)

From: Oriol Brufau via GitHub <sysbot+gh@w3.org>
Date: Wed, 08 Jan 2025 23:05:36 +0000
To: public-css-archive@w3.org
Message-ID: <issues.opened-2776508511-1736377533-sysbot+gh@w3.org>

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

== [css-align] `justify-items` and anonymous block boxes ==
```html
<!DOCTYPE html>
<div style="width: 200px; justify-items: right; border: solid">
  foo
</div>
<div style="width: 200px; justify-items: right; border: solid">
  foo
  <div></div>
</div>
```

In Blink it looks like this:

![](https://github.com/user-attachments/assets/d44d9755-a70b-4b79-bb7f-9ca099036ce5)

In the 1st case, there is no block-level child to align. In the 2nd case, "foo" gets wrapped inside an anonymous block, which is then aligned by `justify-items: right`.

But it seems potentially unexpected that appending a block affects the alignment of the inline contents.

Maybe anonymous blocks should get assigned `justify-self: start`?



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


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Wednesday, 8 January 2025 23:05:37 UTC