JSFiddle - React, Tailwind, and code Playground

by darcyclarke

HTML

<div>
<p>
    Suspendisse potenti. Nullam est tortor, pulvinar sed faucibus sit amet, faucibus eget turpis. Sed sodales, tellus ac accumsan mattis, elit ante lacinia ante, vitae bibendum quam ipsum id est. Proin imperdiet, purus nec vulputate interdum, massa justo aliquet leo, eu commodo orci magna nec nibh. Donec adipiscing sodales nulla, a eleifend orci fermentum et. Sed porta metus non purus molestie adipiscing. Integer nec mi quam. In venenatis rhoncus faucibus. Aliquam erat volutpat. Aenean volutpat pretium lectus ac molestie. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam ac ante leo. Aliquam a massa vel felis feugiat euismod ut vitae sapien. Nulla malesuada eleifend lobortis.
</p>
<p>
Duis mollis nisl eget enim dapibus tempor. Mauris et odio at est eleifend interdum. <img src="http://darcyclarke.me/dev/modernwebtechniques/event.jpg">Duis eleifend dui elementum justo laoreet quis semper nunc gravida. Maecenas vestibulum bibendum metus, nec imperdiet mi malesuada eu. Vestibulum a leo nibh, tristique congue diam. Proin dignissim tincidunt ipsum, bibendum aliquam metus viverra non. Aliquam erat volutpat. Mauris aliquet erat vitae elit malesuada sagittis. Vestibulum a leo tellus. Sed gravida condimentum nibh ac convallis. Phasellus luctus lacus in orci luctus fringilla. Pellentesque mollis enim in enim cursus rutrum. Integer sit amet metus quam.
    </p>
<p>
Donec lacinia convallis gravida. Maecenas laoreet justo ut erat commodo adipiscing. Nam in tortor eu enim blandit feugiat. Quisque non massa enim, ac facilisis leo. Etiam sagittis, dolor id placerat porttitor, elit arcu auctor est, at bibendum tortor sem vel est. Cras nisl diam, faucibus ut iaculis eu, lobortis ac orci. Nunc bibendum ornare ante, accumsan vestibulum enim posuere eu. Vestibulum accumsan ligula sit amet ipsum vestibulum aliquam. Integer adipiscing velit at urna vehicula placerat. Sed vestibulum rutrum lacus, a vulputate erat tincidunt id....

CSS

body {
 padding: 20%;   
}
div {
 -webkit-column-count: 3;
 -moz-column-count: 3;
 column-count: 3;
 height: 300px;    
}
div img {
 width: 100%;   
}