Syntax

place-content

Setting align-content and justify-content at the same time.

Class	Declarations
place-content:`align-content`\|`justify-content`	place-content: `align-content` `justify-content`;
`place-content:normal`	`place-content: normal;`
`place-content:baseline`	`place-content: baseline;`
`place-content:center`	`place-content: center;`
`place-content:stretch`	`place-content: stretch;`
`place-content:start`	`place-content: start;`
`place-content:end`	`place-content: end;`
`place-content:flex-start`	`place-content: flex-start;`
`place-content:flex-end`	`place-content: flex-end;`
`place-content:space-around`	`place-content: space-around;`
`place-content:space-between`	`place-content: space-between;`
`place-content:space-evenly`	`place-content: space-evenly;`

Apply styles based on different states using selectors and conditional queries.

<div class="place-content:baseline:hover place-content:baseline@sm place-content:baseline@dark place-content:baseline@print">…</div>

Setting the padding area on all four sides of an element.

Setting align-items and justify-items at the same time.

Overview