JSFiddle - React, Tailwind, and code Playground

by alpacalips

HTML

<div id="multi-column">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque  volutpat massa non risus vulputate ac placerat dui tempor. Donec non  tempor lectus. Integer euismod vehicula felis, at placerat lacus sodales  sed. Duis sollicitudin tristique libero quis vestibulum. Donec  consectetur sapien vel dui pellentesque sodales. Aliquam sagittis erat  vitae neque dapibus ut imperdiet nisl dignissim. Fusce pulvinar eros  dignissim nisl ornare id ornare ligula fringilla. Praesent posuere, dui  et tristique faucibus, tortor magna gravida est, eget consectetur erat  risus non augue. Vivamus rutrum ipsum quis mauris dictum porta eu a  tortor. Fusce lacinia dui a diam consectetur vel ullamcorper ligula  luctus. 
  Curabitur velit dolor, consequat et aliquet at, lobortis vel erat. Etiam  sagittis fringilla elementum. Mauris at tellus nunc. Integer consequat  varius eros, nec fermentum nibh tristique sagittis. Cras velit nisl,  rutrum nec fringilla nec, posuere id dolor. Suspendisse bibendum  porttitor augue, quis condimentum quam elementum ac. Suspendisse eget  sollicitudin nisi. Sed a tellus quam. Curabitur purus massa, iaculis vel  mollis in, suscipit in elit. Cras dignissim, lectus ac feugiat  suscipit, metus nunc dapibus dolor, et consectetur nulla diam aliquam  ante. Nullam molestie malesuada metus nec convallis. Suspendisse ac  sapien sit amet felis placerat tempus. 
  Duis tempus elit in libero cursus non varius ante laoreet. Duis est  lectus, blandit a aliquet vitae, tempus quis mauris. Proin laoreet,  risus in commodo luctus, diam neque fringilla lacus, quis tincidunt  metus augue quis augue. Nullam a magna nec massa vulputate commodo ut in  lacus. Etiam venenatis urna in ante interdum suscipit. Aliquam mollis  enim non orci sodales iaculis. Etiam rhoncus lacus nec metus mollis  elementum. Quisque sollicitudin ornare mi nec laoreet. Pellentesque  bibendum pretium ante, et porttitor sapien dignissim id. Sed rutrum  bibendum velit, in gravida...

CSS

#multi-column {
column-gap: 20px;
column-width: 240px;   
column-count: 2;
-moz-column-gap: 20px;
-moz-column-width: 240px; 
-moz-column-count: 2;
-webkit-column-gap: 20px;
-webkit-column-width: 240px;
-webkit-column-count: 2;
text-align: justify;
}