JSFiddle - React, Tailwind, and code Playground

HTML

<div id="a"> 
    <div class="c">
           <span>Text</span>
           <span>Text</span>
           <span>Text</span>
    </div>
</div>

<div id="b"> 
    <div class="c">
           <span>Text</span>
           <span>Text</span>
           <span>Text</span>
    </div>
</div>

CSS

#a, #b {width:100%; height:30px; }

#a {background-color:rgb(200,200,200);}

#b {background-color:orange;}

.c {margin:0 auto; width:150px;}

span {display:inline-block; margin:4px 10px;}