JSFiddle - React, Tailwind, and code Playground

by trevanhetzel

HTML

<div class="header">
    <strong>HEADER STUFF</strong>
</div>

<div class="content">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris id libero est. Integer porttitor consectetur adipiscing. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec id ipsum non tortor dapibus imperdiet quis in lacus. Aliquam erat volutpat. Pellentesque malesuada arcu at magna suscipit condimentum. Integer congue pretium nunc at pretium. Vestibulum vel turpis in turpis gravida pretium.

Quisque rutrum porttitor eros, vehicula blandit diam feugiat at. Maecenas sit amet nisl sapien, eu auctor dui. Donec in erat eu orci ultricies congue vitae at dolor. Nam sem lectus, pharetra sodales varius ac, faucibus vitae lorem. Integer eleifend felis a turpis tempor id euismod mauris sodales. Etiam pellentesque tempus ante sed blandit. Ut ut lorem dolor.
    
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris id libero est. Integer porttitor consectetur adipiscing. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec id ipsum non tortor dapibus imperdiet quis in lacus. Aliquam erat volutpat. Pellentesque malesuada arcu at magna suscipit condimentum. Integer congue pretium nunc at pretium. Vestibulum vel turpis in turpis gravida pretium.

Quisque rutrum porttitor eros, vehicula blandit diam feugiat at. Maecenas sit amet nisl sapien, eu auctor dui. Donec in erat eu orci ultricies congue vitae at dolor. Nam sem lectus, pharetra sodales varius ac, faucibus vitae lorem. Integer eleifend felis a turpis tempor id euismod mauris sodales. Etiam pellentesque tempus ante sed blandit. Ut ut lorem dolor.
    
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris id libero est. Integer porttitor consectetur adipiscing. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec id ipsum non tortor dapibus imperdiet quis in lacus. Aliquam erat volutpat....

CSS

.content {
    -moz-column-count: 3; 
    -moz-column-width: 100px; 
    -webkit-column-width: 100px;
    -moz-column-gap: 20px; 
    -moz-column-rule: 1px solid black; 
    -webkit-column-count: 3; 
    -webkit-column-gap: 20px; 
    -webkit-column-rule: 1px solid black; 
    height: 1000px;
    margin: 25px;
}