JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
      <div class="inner">
         <span>раз</span>
         <span>два</span>
         <span>три</span>
         <span>четыре</span>
         <span>пять</span>
      </div>
    </div>

CSS

.wrap{
    display: inline-block;
    background: #444;
    padding: 2px;
}

.inner{
    border: 1px dashed #ccc;
    overflow: hidden;
}

span{
    float: left;
    padding: 5px 10px;
    color: #ccc;
}