JSFiddle - React, Tailwind, and code Playground

JavaScript

var table = document.createElement('table');
table.setAttribute('border', '1px solid blue;');
table.setAttribute('cellpadding', '25px');
table.setAttribute('cellSpacing', '25px');

var row0 = table.insertRow(0);
var cell1 = row0.insertCell(0);
var cell2 = row0.insertCell(1);
cell1.innerHTML = "Id";
cell2.innerHTML = "1019201" + "</br>";

var row1 = table.insertRow(1);
var cell3 = row1.insertCell(0);
var cell4 = row1.insertCell(1);
cell3.innerHTML = "Name";
cell4.innerHTML = "John Doe" + "</br>";


var div1 = document.createElement('div');
div1.appendChild(table);

var featureTag = "<center><b> <FONT COLOR='FF6600'> Feature Properties </FONT> </b> </center> </br>";

var div2 = document.createElement('div');
div2.innerHTML = featureTag;

//then put div1 & div 2 inside dive 3 and return that?
var div3 = document.createElement('div');
div3.appendChild(div2); //featureTag for title
div3.appendChild(div1); //table

document.body.appendChild(div3)