CSS `justify-items` and `justify-self` without flexbox or grid

[o-t-w]

Description

justify-self should work for block-level boxes and justify-items should work for block containers.

This is implemented in Chromium-based browsers since version 130 (it was not mentioned in any release notes but is mentioned here). In Firefox and Safari, justify-items can only be used in conjunction with display: grid and justify-self can only be used for absolutely positioned boxes or grid items.

Several updates to alignment have been implemented across all browsers over the last few years:

• The self-alignment properties align-self and justify-self work for absolutely positioned elements.
• align-content works without the need for flexbox or grid.

This finishes the work of updating CSS alignment.

Specification

https://www.w3.org/TR/css-align-3

web-feature

No response

Test Links

No response

Additional Signals

Mozilla standards position

[github-actions]

This comment was automatically generated based on the information you provided. Please don't edit it.

No web features (from the web-features project) were found in your proposal. If your proposal doesn't correspond to a web feature, that is fine.
Otherwise, please update your initial comment to include web-features: <feature-id>.
To find feature IDs, use the web-features explorer.

[Loirooriol]

For what it's worth, Servo supports this too, and was quite straightforward to implement (servo/servo#36595).