Skip to content

[css-align] justify-items and block splitting inline #11462

@Loirooriol

Description

@Loirooriol
<!DOCTYPE html> <div style="width: 200px; justify-items: right; border: solid"> <span style="justify-items: center"> <div>foo</div> </span> </div>

In Blink it looks like this:

So the <div>foo</div> is aligned to the start, ignoring both justify-items: right of the containing block and justify-items: center of the parent.

https://drafts.csswg.org/css-align/#valdef-justify-self-auto says

It behaves as the computed justify-items value of the parent box

But I'm not at all convinced that this case was taken into account.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    Status

    Thursday morning

    Status

    Tuesday Morning

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions