<div class="container">
  <h1> Horizontal List </h1>
  <ul class="horizontal-list">
    <li>Home</li>
    <li>Blog</li>
    <li>Store</li>
    <li>About</li>
    <li>Contact</li>
  </ul>
</div>

// Styling
body {
  font-family: sans-serif;
  background: #252525;
  margin: 1rem 0;
}

.container {
  background: white;
  padding: 1rem;
  box-sizing: border-box;
  border-radius: 0.25rem;
}

// Layout
.container {
  max-width: 40rem;
  margin: 0 auto;
  text-align: justify;
}

.horizontal-list li {
  display: inline-block;
  padding: 1rem;
  background: #ff35ac;
  border-radius: 0.25rem;
  color: white;
}