JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div id="columnOne">
        This is some content<br>
        This is some content<br>
        This is some content<br>
        This is some content<br>
        This is some content<br>
        This is some content<br>
        This is some content<br>
        This is some content<br>
    </div>
    <div id="columnTwo">
        I love your cake<br>
        I love your cake<br>
        I love your cake<br>
      </div>
    <div id="columnThree">
        This is some content<br>
        This is some content<br>
        This is some content<br>
        This is some content<br>
        This is some content<br>
        This is some content<br>
        This is some content<br>
        This is some content<br>
        This is some content<br>
        This is some content<br>
        This is some content<br>
        This is some content<br>
    </div>
</div>

CSS

#container div{
    display:inline-block;
    background:white;
    /*resore font size so text shows up*/
    font-size:16px;
    border:3px solid #ddd;
    height:100%;
    width:33.0%;
    /*make border count toward width*/
    -o-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
}
#container{
    /*hack to remove margin between inline-block elements*/
    font-size:0px;
}