<div class="container">
<div class="item1">アイテム1</div>
<div class="item2">アイテム2</div>
<div class="item3">アイテム3</div>
<div class="item4">アイテム4</div>
</div>
.container {
width: 800px;
background-color: bisque;
display: flex;
justify-content: space-between;
}
.item1 {
height: 100px;
width: 100px;
background-color: rgb(0, 255, 255);
}
.item2 {
height: 100px;
width: 100px;
background-color: rgb(100, 255, 255);
}
.item3 {
height: 100px;
width: 100px;
background-color: rgb(145, 255, 255);
}
.item4 {
height: 100px;
width: 100px;
background-color: rgb(200, 255, 255);
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.