<div class="float">
  <div class="float__item">アイテム1</div>
  <div class="float__item">アイテム2</div>
  <div class="float__item">アイテム3</div>
  <div class="float__item">アイテム4</div>
  <div class="float__item">アイテム5</div>
</div>
.float {
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
  overflow: auto;
}

.float__item {
  white-space: nowrap;
}

.float__item:nth-child(n + 2) {
  margin-left: 12px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.