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

https://wpt.fyi/results/css/css-align/blocks?q=justify-self%7Cjustify-items

Additional Signals

Mozilla standards position