JSFiddle - React, Tailwind, and code Playground

HTML

<div class="hooy">
    <div class="container">
        <div>первый блок</div>
        <div>второй блок</div>
        <div>третий блок</div>
        <div>ещё один какой-то блок</div> 
    </div>
    <div class="container">
        <div>скоовородка</div>
        <div>пряник</div>
    </div>
</div>

CSS

div.hooy {
    display: block;
    width: 400px;
    
    background: #0f0;
    border: 2px black solid;
}

div.container {
    display: inline-table;
}

div.container > div {
    display: table-row;
        
    padding: 5px;
    background: #c44;
    color: #fff;
    outline: 1px black solid;
}