<ul>
  <li><a href="">Lorem.</a></li>
  <li><a href="">Architecto.</a></li>
  <li><a href="">Cumque!</a></li>
  <li><a href="">Alias.</a></li>
  <li><a href="">Cum!</a></li>
</ul>

ul {
  display: flex;
  height: 50px;
  width: 300px;
  overflow-x: auto;
  padding: 0;
  outline: 2px dotted;
}

ul::-webkit-scrollbar {
    display: none;
}

li {
  display: flex;
  margin: 0 10px;
}

a {
  display: flex;
  background: #000;
  color: #fff;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
}