JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container" >
    <label> chris </label><div class="content"> batman </div> 
</div>
<div class="container" >
     <label> donald Duck</label> <div class="content"> no pants </div> 
</div>
<div class="container">
    <label> lois lane </label><div class="content"> Freaking HOT!! </div> 
</div>

CSS

label {
    width:150px;
    background-color:yellow;
    text-align:center;
    float:left;
}
.container{
    height:30px;
    widht:auto;
}
.content{
    background-color:red;
    width:300px;
    float:left;
}