JSFiddle - React, Tailwind, and code Playground

by lborgman

HTML

<div id="cols">
    <h1>A long title that will overflow the columns</h1>
    <p>
        This is a paragraph with some texts. The text will hopefully wrap into several lines in the column. ;-)
    </p>
</div>

CSS

@media all {
    #cols {
        column-width: 200px;
        -moz-column-width: 200px;
        -webkit-column-width: 200px;
        
        column-rule: 1px solid red;
        -moz-column-rule: 1px solid red;
        -webkit-column-rule: 1px solid red;
        
        width: 420px;
}