TAG
CSS
Result
Run
License
<div class="wrapper"> <div>A</div> <div>B</div> <div><span>Hello,<br />CSS</span></div> <div><span>D</span></div> </div>
.wrapper { width: 350px; height: 100px; display: flex; border: 1px solid #CCC; align-content: space-around; flex-wrap: wrap; } .wrapper > div { flex-grow: 1; flex-basis: 100px; } .wrapper > div:nth-child(1) { background-color: #80e1f2; } .wrapper > div:nth-child(2) { background-color: #f9ee9a; } .wrapper > div:nth-child(3) { background-color: #EAEAEA; } .wrapper > div:nth-child(4) { background-color: #CCC; }
Console
expand_less
License
License
by DevDic
Close