JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content-container">    
    <div class="content">
         <div class="left">
            <p>Hi, Flo!</p>
          </div>
          <div class="right">  
            <p>is</p>
            <p>this</p>
            <p>what</p>
            <p>you are?</p>
         </div>
    </div>
</div>

CSS

.content-container{
    display: table;
    width: 300px;
}

.content .right{
        background-color:green;
        float: right;
        width: 100px;
        display: table-cell;
  }
.content .left{
     background-color:red;
     display: table-cell;
    width: 100%;
}

.content{
    display: table-row;
}