<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;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.