JSFiddle - React, Tailwind, and code Playground

HTML

<div id="content"></div>

CSS

.col3{ width:33%; float:left}

JavaScript

dummyContent();


var colCount = 3,
    $items = $('.item'),
    items_per_col = Math.ceil($items.length / colCount),
    start = 0;

for (i = 0; i < colCount; i++) {
    var endSlice = start + items_per_col;
    $items.slice(start, endSlice).wrapAll('<div class="col' + colCount + '">');
    start += items_per_col;
}




function dummyContent() {

    for (i = 0; i < 20; i++) {
        $('#content').append('<div class="item">Item #' + (i + 1) + '</div>')
    }
}