JSFiddle - React, Tailwind, and code Playground

by loginet

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<div class="container">
<div class="row">
  <div class="col-6">
    <div class="left-column">Left column kuearhkuw rtuerthurew htuewisuer htt re tiuret irethretreiu ttiuret iuret ret yret iyreiutretyiure ttire hrtuew hrtuew rhtuew rhtuewr htue</div>
  </div>
  <div class="col-6">
    <div class="right-column">Right column ewrkt urew htuew hrtuhew riuthewriu tiurew htiure thre tuhrew tiuewh tiuew htrewhtuihre tuihreut reht ureht urehtuewhiutrewhtiure thetihrewiut hrehteiurh</div>
  </div>
</div>
</undefineddiv>

CSS

.left-column {
  padding: 10px;
  padding-right: 50px;
  background: white;
}

.right-column {	
  padding: 10px;
  padding-left: 50px;	
  background: white;
}