JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content">
    <div id="main">
        <p><h1>Arnold ipsum.</h1>But I'm all woman. You are not sending ME to the coola. Wrong. Hey light head. Hey Christmas tree. The hell you will. No problemo. You blew my CAWVA!! He molested, murdered, and mutilated her. You are terminated. I'm not a pervert. I was just looking for Turboman doll. <h2 class="break-column-before">Bastards.</h2> Hello cutie pie. One of us is in deep trouble. I want my Larry. I wanna see you. You're a stupid. I'm a cybernetic organizm. Living tissue over endoskeleton. I need your clothes, your boots, and your motorcycle. I'll be back. Because I'm going to say please. Get down or I'll put you down. I need a vacation. Come with me if you want to live. You cold blooded bastard. I'll tell you what I think of it. I'll live to see you eat that contract. But I hope you leave enough room for my fist. Because I'm going to ram it into your stomach and break your goddamn spine!!! Alright everyone. chill. Dickhead. I'll be back. You are not sending ME to the coola. Feel how soft my skin is. </p>
        <p>This is the plan, get your ass to mars. You're not going to have your mommies right behind you to wipe your little tushies. Doesn't anyone stay dead anymore? Get out. Take your toy back to the carpet. Crumb. Here. Cool off. What the hell are you? No more complaining. No more 'Mr Kimble, I have to go to the bathroom. Nothing! Allow me to break the ice. Take your toy back to the carpet. Well then God shouldn't have cloned my dog. Back to the carpet. Hello cutie pie. One of us is in deep trouble. Remember, I can break your neck like a chicken's. I did nothing. The pavement with his enemy. No I don't stop it. I want my baby. The hell you will. No shit. If it bleeds, we can kill it. The Iceman cometh. Screw you! You're a fucking choir boy compared to me. A choir boy!! Here is Sub Zero. Now plain Zero. </p>
        <p>You cold blooded bastard. I'll tell you what I think of it. I'll live to see you eat...

CSS

h1 {
    margin: 0 0 20px;
    font-size:28px;
}

h2 {
    margin: 16px 0;
    font-size:22px;
}

.content {
    height:100%;
    width:100%;
    overflow:auto;
}

.content #main {
    display: block;
    position:absolute;
    height:auto;
    bottom:0;
    top:0;
    left:0;
    right:0;
    margin:20px 0;
    min-height: 100px;
    min-width: 580px;

    -moz-column-width: 280px;
    -moz-column-gap: 20px;
    -moz-column-rule: 1px dashed #eee;
    -webkit-column-width: 280px;
    -webkit-column-gap: 20px;
    -webkit-column-rule: 1px dashed #eee;
    column-width: 280px;
    column-gap: 20px;
    column-rule: 1px dashed #eee;
}

.break-column-before {
     -webkit-column-break-before: always;
    /* What to do? */
}