JSFiddle - React, Tailwind, and code Playground

by bgmort

HTML

<div id="container">
  <div id="box">
    <span class="thing">this is a thing</span
    ><span class="thing">this is another thing</span
    ><span class="thing">this is also a thing</span
    ><span class="thing">this is a thing</span
    >
  </div>
</div>

CSS

#container {
  display: flex;
}
#box {
  display: flex-inline;
  border: 1px solid #48f;
  padding: 10px 5px;
}
.thing {
  background: #eee;
  padding: 5px;
}
.thing:not(:last-child) {
  margin-right: 5px;
}