JSFiddle - React, Tailwind, and code Playground

by Ashif Mujtoba

HTML

<div id ="city"></div>

CSS

#city{
    background: gold;
    height: 250px;
}
.name{
    text-align:center;
    vertical-align:middle;
    line-height: 200px;
    color:red;
    font-size:25px;
}
}

JavaScript

var myVariable = "Dhaka";
$("#city").append("<div class='name' data-role='collapsible'>" + myVariable + "</div>");