JSFiddle - React, Tailwind, and code Playground

HTML

<input id="texto" type="text"/>
<input type="button" onclick="javascript:converter();" value="converter"/>
<div id="table"></div>

CSS

.cell{
    width:auto;
    float:left;
    border:1px;
}

.lastCell{
    width:auto;
    border:1px;
}

JavaScript

var NUM_COL = 3;

function converter(){
    var values = document.getElementById("texto").value;
    var cells = values.split(";");
    var table = document.getElementById("table");
    var i = 0;
    while(i < cells.length){
        for(var j = 0; j < NUM_COL-1; j++){
            table.innerHTML += '<div class="cell">'+cells[i++]+'</div>';
        }
        table.innerHTML += '<div class="lastCell">'+cells[i++]+'</div>';+
    }
    table.innerHTML += '<div>teste</div>';
}