JSFiddle - React, Tailwind, and code Playground

HTML

<h1 id="title">

</h1>
<div id="panel">

</div>

CSS

body{
  font-family:Segoe ui;
  
}
.el{
  margin-bottom:5px;
  font-weight:lighter;
  float:left;
  margin-right:5px;
}

JavaScript

var ukl = [
    { "Fi": ["1","13","55","556"] },
    { "Del": ["Qer", "Doe", "ABV", "BY", "Ll", "ef"]}
    ]
    
var title = document.getElementById("title");
var panel = document.getElementById("panel")


for(var i = 0; i < ukl[0].length; i++){
	 var el = document.createElement("div");
       el.className = "el";
   panel.appendChild(el);
   el.innerHTML = i;
  
   

}