JSFiddle - React, Tailwind, and code Playground

HTML

<div class="item-group">
    <h1>Группа 1:</h1>
<div class="item">item 1</div>
<div class="item">item 2</div>
</div>
<div class="item-group">
    <h1>Группа 2:</h1>
<div class="item">item 1</div>
<div class="item">item 1</div>
<div class="item">item 3</div>
</div>

CSS

.item-group{
overflow:hidden;
margin:10px 0px;    
border:1px solid #000;
}

.item{
float:left;
margin:0px 10px 0px 0px;
border:1px solid red;    
}