JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container cols">
  <div class="block">asd asd asd a;s,d aasjd kajsdk aksd jasjdkajskd jaksdj kasjdk ajskd jaskdj asdj ajsdk jakjd ad ads jaksdjk asjkd a</div>
</div>

<div class="container box">
  asd jasjd aksjd ajsldkj aksjd kajsdkj askljd aksjd aasd jasjd aksjd ajsldkj aksjd kajsdkj askljd aksjd aasd jasjd aksjd ajsldkj aksjd kajsdkj askljd aksjd aasd jasjd aksjd ajsldkj aksjd kajsdkj askljd aksjd a
  <span class="inline">1asd jasjd aksjd ajsldkj aksjd kajsdkj askljd aksjd  aksjd ajsldkj aksjd kajsdkj askljd aksjd  aksjd ajsldkj aksjd kajsdkj askljd aksjd  aksjd ajsldkj aksjd kajsdkj askljd aksjd  aksjd ajsldkj aksjd kajsdkj askljd aksjd a</span>
  asd jasjd aksjd ajsldkj aksjd kajsdkj askljd aksjd aasd jasjd aksjd ajsldkj aksjd kajsdkj askljd aksjd aasd jasjd aksjd ajsldkj aksjd kajsdkj askljd aksjd aasd jasjd aksjd ajsldkj aksjd kajsdkj askljd aksjd a
</div>

CSS

.container {
  width: 400px;
  margin: 20px auto;
  padding: 20px;
  line-height: 35px;
  border: 1px solid #999;
}

.inline {
  /* display: inline-block; */
}

.block,
.inline {
  padding: 5px 10px;
  background-color: #eee;
  border: 1px solid #999;
}

.cols {
  column-count: 3;
}