CodePen Embed - BayvBRe

  <div class="wrap">
    <ul class="list">
      <li>要素1</li>
      <li>要素2</li>
      <li>要素3</li>
      <li>要素4</li>
      <li>要素5</li>
    </ul>
  </div>

.wrap {
  width: 240px;
  height: 90px;
  padding: 15px;
  border: 1px solid #ccc;
  overflow-x: auto;
} 

ul {
  display: flex;
  flex-wrap: no-wrap;
  list-style-type: none;
  margin: 0;
  padding: 0 0 10px;
  overflow-x: auto;
}

li {
  flex-shrink: 0;
  width: 80px;
  height: 60px;
  background-color: #FF6868;
}

li + li {
  margin-left: 20px;
}

This Pen is owned by EYESOFC on CodePen.

See more by @eyesofc on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.