<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
{
display:flex;
width: 800px;
border:1px solid black;
justify-content: flex-end;
}
div > div
{
border: 1px solid black;
height: 100px;
width:100px;
margin: 10px;
}
.div1
{
background-color: #97ffff;
}
.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.