JSFiddle - React, Tailwind, and code Playground

HTML

<div class="border"> <button type="button" class="red">Click Me!</button> </div>
<ul class="border">
  <li class="border">
    <div class="red">coucou</div>
  </li>
</ul>

CSS

.border {
  border:1px solid blue;
}

.red {
  background: red;
  border: none;
}