Html
copy
reset
Run
Netbax Online Editor Try it Yourself
<style> #demo{ width: 200px; height: 250px; border: 1px solid #000; display: flex; flex-wrap: wrap; align-content: center; } #demo div{ width: 200px; height: 50px; color:#fff; text-align: center;} </style> <p>align-content: center you change to: stretch | flex-start | flex-end | center | space-between | space-around | space-evenly</p> <div id="demo"> <div style="background-color:#c00;">center</div> <div style="background-color:#008000;">center</div> <div style="background-color:#007FFF;">center</div> </div>
