JSFiddle - React, Tailwind, and code Playground

by Alon Rotem

HTML

<p>

<span class="tagwrapper">
  <tag><span class="close">X</span>Tags</tag>
  <tag><span class="close">X</span>Demo</tag>
  <tag><span class="close">X</span>Vanilla</tag>
  <input type="text" />
</span>

CSS

.tagwrapper
{
  border: 1px solid green;
  padding: 10px 4px;
}

.tagwrapper input
{
  border: 0;
  outline: none;
}

.tagwrapper tag
{
  background-color: orange;
  padding: 3px;
  margin: 3px;
}

.tagwrapper .close
{
  background-color: green;
  margin: 3px;
}