JSFiddle - React, Tailwind, and code Playground

by caiocafardo

HTML

<div class="coluna">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br>
<br>
Nullam ullamcorper efficitur sem id vehicula.<br>
<br>
Aliquam volutpat volutpat velit eget placerat.<br>
<br>
Proin molestie purus sit amet rutrum ultrices.<br>
<br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br>
<br>
Vivamus sit amet ante quam.<br>
<br>
Quisque fringilla lacus in venenatis ullamcorper.<br>
<br>
In vel odio eget turpis vehicula dapibus.<br>
<br>
Aliquam erat volutpat.<br>
<br>
Quisque et tellus gravida, tristique ante at, dapibus ipsum.
</div>

CSS

.coluna{
	width: 100%;
	height: auto;
	display: block;
	font-size: 18px;
	color: #000000;
  background-color: #ffffff;
	text-align: left;
	-webkit-column-count:3;
	-moz-column-count:3;
	column-count:3;   
	-webkit-column-gap:30px;
	-moz-column-gap:30px;
	column-gap:30px;
}