JSFiddle - React, Tailwind, and code Playground

HTML

<div class="panel">


<div class="tlc">
LEFT CORNER 
</div>
<div class="filler">
fill
</div>
<div class="holder">
bubble holder
</div>
<div class="filler">
fill
</div>
<div class="trc">
RIGHT CORNER
</div>
<div class="textarea">
TEXT GOES HERE
</div>


</div>

CSS

.panel{background:grey; display:inline-block;}
.tlc, .filler, .holder , .filler, .trc { display:inline-block;}
.trc {clear:right;}
.textarea{ 
text-align:center;
padding:50px;
}