JSFiddle - React, Tailwind, and code Playground

HTML

<div id = "wrapper">

<div class = "aboutleft"> 
<h1> About us </h1>
<h3> small description </h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tristique non odio nec 
A few sentences about you go here 
</p>
</div>

<div class = "vline"> 
</div>
<div class="centerstuff"> 
    center stuff
</div>
       

<div class = "aboutright">
<h1> About the shop/Clients </h1>
<h3> small description </h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tristique non odio ne
A few sentences about you go here 
</p>

</div>

</div>

CSS

.aboutleft

{
    display:inline-block;
    width: 45px;       
}

#wrapper
{
    text-align:center;
    width: 80%;
    margin: 0 auto;    
}
.aboutright
{
    display: inline-block;
    width: 45px;
}

.vline
{

    background: rgb(186,177,152);
    display: inline-block;
    min-height: 250px;
    margin: 0 30px;
    width: 1px;
}

.centerstuff {
display: inline-block;
}