<ul class="tags">
   <li>Potato</li>
  <li>Sprout tomato</li>
  <li>Gumbo beet greens</li>
  <li>corn soko</li>
  <li>endive gumbo gourd</li>
  <li>Parsley shallot courgette tatsoi</li> 
  <li>pea sprouts fava bean</li>
  <li>collard greens</li>
  <li>dandelion okra wakame</li> 
  <li>tomato</li>
</ul>
body {
  padding: 20px;
  font: 1em Helvetica Neue, Helvetica, Arial, sans-serif;
}

.tags {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  justify-content: center;
}

.tags li {
  padding: .2em .4em;
  margin: .2em .4em;
  background-color: rgb(111,41,97);
  color: #fff;
  border-radius: .2em;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.