<body>
<div class="container">
<div class="box">Box1</div>
<div class="box">Box2</div>
<div class="box">Box3</div>
<div class="box">Box4</div>
</div>
</body>
.container{
display: flex;
gap: 16px;
/* column-gap: 16px; */
border: 2px solid purple;
}
.box{
width: 100px;
height: 50px;
background-color: #666;
border: 1px solid #000000;
color: #ffffff;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.