JSFiddle - React, Tailwind, and code Playground

by Softlink

HTML

<div class="parent">
<div class="child"><div class="to-child">раз</div></div>
<div class="child">два</div>
<div class="child">три</div>
<div class="child">четыре</div>    
    </div>      
    

<div class="parent">
<div class="child"><div class="to-child">раз</div>
<div class="child">два
<div class="child">три
<div class="child">четыре    
    </div>

CSS

.parent{
background:red;
margin:30px 0px;    
}

.child{
display:inline-block;
background:#ccc;
color:#fff;    
}

.to-child{  
background:#000;   
}