JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML>
<html>
<head>
<title></title>
</head>
<body>
<table class="table" id = "table_1">
<tr>
<td class="center">
3333.555
3433.555
35533.555
3.555
</td>
<td class="center">
323.5545
4534.4544
</td>
<td class="center">
333.555
333.55775
444.444
333.55
</td>
</tr>
</table>

</body>
</html>

CSS

.table{
min-width: 100px;
min-height: 100px;
}
.tabl{
width: 100%;
}
.center{
text-align: center;
border:1px solid black;
width: 100px;
height: 100px;

}
.table-cell-1 {display: inline-block;text-align: right;float: left;width: 49%;}
.table-cell-2 {display: inline-block;text-align: left; float: left;width: 49%;}

JavaScript

var countTableTd = document.getElementById('table_1').getElementsByTagName('td').length;//количество ячеек

for (var n=0;n<=countTableTd;n++){

var aaa = document.getElementById('table_1').getElementsByTagName('td')[n].innerHTML ;
var rezult = aaa.split ('\n'); //Разбираем строку по пробелам
var countInArray = rezult.length-2; //количество полученных строк в массиве -2, убираем первую и последнюю - они пустые
var resultString ="";//псевдо-массив для левого дива
var resultString2 = "";//псевдо-массив для правого дива
for (i=1;i<=countInArray;i++){
    var countInArrayInResult = rezult[i].split ('.');// в каждом заходе делим строку по точке и сортируем первую часть в левый див, вторую в правый
        resultString = resultString + countInArrayInResult[0]+ ".<br>";;
        resultString2 = resultString2 + countInArrayInResult[1]+ "<br>";

}
var newTD = "<div class='table-cell-1'>"+resultString+"</div><div width='' class='table-cell-2'>"+resultString2+"</div>";

document.getElementsByTagName('td')[n].innerHTML = newTD;


}