<div class="container">
<div class="div1">Box 1</div>
<div class="div2">Box 2</div>
<div class="div3">Box 3</div>
<div class="div4">Box 4</div>
<div class="div5">Box 5</div>
</div>
.container
{
background-color: #bbff97;
border:1px solid black;
}
div > div
{
border: 1px solid black;
height: 50px;
width:50px;
margin: 10px;
}
.div1
{
background-color: #97ffff;
justify-content: center;
}
.div2
{
background-color: #8f5890;
}
.div3
{
background-color: #e4bb69;
}
.div4
{
background-color: #78add5;
}
.div5
{
background-color: #db8980;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.