JSFiddle - React, Tailwind, and code Playground

HTML

<div id='container'>
    <div id='col1'>
        <div id='d1'>asdfa sasdfas dfasdfdf asdf</div>
        <div id='d2'>asdf</div>
    </div>
    <div id='col2'>
        <div id='d3'>asdf</div>
        <div id='d4'>asdf asdf asdf asdf asdf asdf asdf asdf</div>
    </div>
    <div id='col3'>
        <div id='d5'>asdf asdf</div>
        <div id='d6'>asdf</div>
    </div>
</div>

CSS

#col1, #col2, #col3 {float: left; width: 100px; margin: 0px;}
#d1 {background: #aaa}
#d2 {background: #bbb}
#d3 {background: #eee}
#d4 {background: #ddd}
#d5 {background: #444}
#d6 {background: #333}