JSFiddle - React, Tailwind, and code Playground

HTML

<div id="outer" style="min-height:50px;">
   <div id="inner">
       Im here, I could be short, I could be long 
       and if I wrap - i could be tall
   </div> 
</div>

CSS

#outer {
    display: flex;
    background-color: #eee;
    align-items: center;
    justify-content: center;
}
#inner {
    background-color: #bbb;
    max-width: 84%;
}