JSFiddle - React, Tailwind, and code Playground

HTML

<div id="gallery-text">

<div id="gallery-text-left" style="float:left">
<p id="gallery-text-quote-left" style="font-family:Century Gothic; color:#006600"><b> Header</b></p>

<p id="gallery-paragraph-1" style="font-family:Georgia">
BodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBody
    BodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBody
    BodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBody
    BodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBody
</p>
</div>




<div id="gallery-text-right" style="float:left">
<p id="gallery-text-quote-right" style="font-family:Century Gothic; color:#006600"><b>Header</b></p>


<p id="gallery-paragraph-2" style="font-family:Georgia">
<a>Link (body)</a>
</p>
</div>


  
</div>

CSS

#gallery-text-left{


}
#gallery-paragraph-1{
border-left:8px solid #3CB371;
border-radius:4px;
padding-left:15px;
}
#gallery-paragraph-2{
border-left:8px solid #3CB371;
border-radius:4px;
padding-left:15px;
}


#gallery-text-right{


}