JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrap">
    <div id="left">sdfsf</div>
    <div id="center">dfgdfgdfgdf</div>
    <div id="right">d</div>
</div>
<div id="wrap">
    <div id="left">sfdfsfgdfgdgdfg</div>
    <div id="center">fff</div>
    <div id="right">asdffsad</div>
</div>

CSS

#wrap {
    background: #e7e7e7;
    padding: 40px; 
    text-align: center;
   
}

#left, #center, #right {
     background: #ccc;
     display: inline-block;    
     padding: 20px;   

}