JSFiddle - React, Tailwind, and code Playground

HTML

<div id="PageDiv">
    <div id="foo">
        <p>Here is some text</p>
        <p>Here is some text</p>
        <p>Here is some text</p>
        <p>Here is some text</p>
        <p>Here is some text</p>
    </div>
    <div id="bar">
        <p>Here is some text</p>
        <p>Here is some text</p>
        <p>Here is some text</p>
        <p>Here is some text</p>
        <p>Here is some text</p>
        <p>Here is some text</p>
        <p>Here is some text</p>
        <p>Here is some text</p>
    </div>
    <div id="baz">
        <p>Here is some text</p>
        <p>Here is some text</p>
        <p>Here is some text</p>
        <p>Here is some text</p>
    </div>
</div>

CSS

#foo, #bar, #baz {
    display: table-cell;
    background-color: #ffc;
    width: 30%;
    border-right: 8px solid #fff;
}