JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="myList">
    <li class="template">
        <span>inline-block</span>
    </li>
    <li>
        <span>inline-block</span>
    </li>
    <li>
        <span>inline-block</span>
    </li>
</ul>

CSS

#myList> li {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-color: red;
}

JavaScript

var myList = $("#myList");
var elementTemplate = myList.children("li.template");
for (var i = 0; i < 3; i++) {
    var newElement = elementTemplate.clone();
    newElement.removeClass("template");
    newElement.show();
    newElement.appendTo(myList);
    newElement.children("span").html(newElement.css("display"))
}