JSFiddle - React, Tailwind, and code Playground

HTML

<div id="content">
  <div id="lcol1">
      some content<br />
      some content<br />
      some content<br />
    </div>
  <div id="lcol2">
      some<br />content<br />
      some<br />content<br />
      some<br />content<br />
    </div>
</div>

CSS

#lcol1 { display:inline-block;width:100px;background-color:#aaaaff; vertical-align:top; float:left;}
#lcol2 { display:inline-block;width:100px;background-color:#aaaaff; vertical-align:top; float:right;}