JSFiddle - React, Tailwind, and code Playground

by Alon Rotem

HTML

<div class="tagcontainer">
  <tag>one</tag>
  <tag>two</tag>
  <tag>two</tag>
  <tag>two</tag>
  <tag>two</tag>
  <tag>two</tag>
  <tag>two</tag>
  <tag>two</tag>
  <tag>two</tag>
  <tag>two</tag>
  <tag>two</tag>
  <tag>two</tag>
  <tag>two</tag>
  <tag>two</tag>
  <tag>two</tag>
  <tag>two</tag>
  <tag>three-four dsalkjfa lkdfadf</tag>
  <input class="newtag" type="text">
</div>

CSS

.tagcontainer{
  background-color: yellow;
  border: 1px solid black;
}

tag { 
  background-color: grey;
  color: white;
  padding: 5px 10px;
  display: inline-block;
  margin: 5px 5px;
}

.newtag {
  border: 0;
  height: 25px;
}