Run ❯
×
Change Orientation
Change Theme, Dark/Light
<!DOCTYPE html> <html> <head> <style> #container { width: 60%; height: 200px; border: solid black 1px; display: flex; flex-wrap: wrap; place-items: stretch end; } #container > div { padding: 30px; margin: 2px; background-color: coral; } </style> </head> <body> <h1>The place-items Property with flexbox</h1> <p>The justify-items property is not relevant for flexbox. So when the place-items property is used in flexbox layout, the value for justify-items (the second value) is ignored. In this case 'stretch' works as the property value for align-items, but 'end' as property value for justify-items property does not have any effect.</p> <div id="container"> <div></div> <div></div> <div></div> <div></div> </div> </body> </html>