place-items

The place-items CSS shorthand property aligns items along both block and inline directions at the same time.

The place-items shorthand property sets align-items and justify-items in a single declaration, aligning items along both the block and inline directions.

If only one value is provided, the value is used to set alignment in both block and inline directions. If two values are provided, the first value is the align-items value, setting the alignment in the block direction, and the second value is the justify-items value, setting alignment in the inline direction.

Values: This property is specified as one or two space-separated values of the following types, in the order listed:

Syntax example: place-items: center;