<div class="container">
Flex Container
<div class="box">Flex Item</div>
<div class="box">Flex Item</div>
<div class="box">Flex Item</div>
<div class="box">Flex Item</div>
</div>
.container {
display: flex;
background-color: pink;
border: 2px solid black;
}
.box {
background-color: lavender;
border: 2px solid black;
width: 100px;
height: 100px;
margin: 10px;
text-align: center;
line-height: 100px;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.