JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <span class="content">Lorem</span>
  <span class="content">Ipsum</span>
  <span class="content">Foo</span>
  <span class="content">Bar</span>
</div>

CSS

html{
  font: 16px/1.3 "sans-serif";
}
.container{
  font-size: 0;
}

.content{
  background: green;
  font-size: 1rem;
}