<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-around;
}

.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);
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.