JSFiddle - React, Tailwind, and code Playground

HTML

<div id="tags_content">
  <div class="tags">just, some, tags</div>
  <br />
  <ul class="tags">
      <li>just</li>
      <li>some</li>
      <li>tags</li>
  </ul>
</div>

CSS

div.tags {
    border: 1px solid #a00;
}

ul.tags {
    
    list-style: none;
}

ul.tags li {
    display:inline;
    background: red;
    padding: 4px 6px;
   
}

ul.tags li:hover {
    background-color: orange;
    cursor: pointer;
}

ul.tags li:not(:last-child):after {
    /*
    content: '';
    */
    background-color: #fff;
}

JavaScript

/*
$('ul.tags li').hover(function(){
    $(this).css({'background':'#ff0'});
},function(){
    $(this).css({'background':'#fff'});
});
*/