justify-self

The CSS justify-self property sets the way a box is justified inside its alignment container along the appropriate axis.

The effect of this property is dependent of the layout mode we are in:

In block-level layouts, it aligns an item inside its containing block on the inline axis. For absolutely-positioned elements, it aligns an item inside its containing block on the inline axis, accounting for the offset values of top, left, bottom, and right. In table cell layouts, this property is ignored. Read more about alignment in block, absolute positioned and table layout. In flexbox layouts, this property is ignored. Read more about alignment in flexbox. In grid layouts, it aligns an item inside its grid area on the inline axis. Read more about alignment in grid layouts.

Syntax example: justify-self: auto;