JSFiddle - React, Tailwind, and code Playground

by Ken Watanabe

HTML

<div>
    <p class="entryheader">This is a four column text</p><br/>
    <p class="entrybody">
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        With Owen Bullett<br/>
        
    </p>
</div>

CSS

.thumbimage {
    float: right;
    clear: none;
}
div {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
    -moz-column-width:157px;
    -webkit-column-width:157px;
    column-width:157px;
    height:250px;
    float:left;
    clear:none;
}
p.entryheader {
    font-size: 15px;
}
p.entrybody {
    font-size: 10px;
}