JSFiddle - React, Tailwind, and code Playground

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;   
}