CSS place-items

Previous Next

Demo of the different values of the place-items property.

Click the property values below to see the result:

place-items: normal legacy;
place-items: stretch;
place-items: start;
place-items: end;
place-items: center;
place-items: baseline;
place-items: center end;
place-items: stretch end;
place-items: end stretch;
place-items: baseline;
place-items: end start;

Play more with the code in our Tryit yourself editor: Try it Yourself ❯