JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="wrapper">
        <div class="custom">
               Текст текст текст    
        </div>
        <div class="custom">
               Текст текст текст    
        </div>
        <div class="custom">
               Текст текст текст    
        </div>
                <div class="custom">
               Текст текст текст    
        </div>
                <div class="custom">
               Текст текст текст    
        </div>
                <div class="custom">
               Текст текст текст    
        </div>
                <div class="custom">
               Текст текст текст    
        </div>
                <div class="custom">
               Текст текст текст    
        </div>
                <div class="custom">
               Текст текст текст    
        </div>
                <div class="custom">
               Текст текст текст    
        </div>
    </div>
    </div>

CSS

.container { text-align: center; border: 1px gray solid; display: inline-block;}
.wrapper {display: inline; text-align: left; border: 1px green solid;}
.custom { border: 1px black solid; display: inline-block; width: 40px; background: white; overflow: hidden; margin-right: 8px;}