JSFiddle - React, Tailwind, and code Playground

by Suprotim Agarwal

HTML

<div id="container"> 
 <a href="#">Go to XYZ</a>
 <a href="#">Go to ABC</a>
 <a href="#">Go to MNC</a>
 <a href="#">Go to TUV</a>
</div>





















<p id="spacer">
    <span> This demo is for <a href="http://www.jquerycookbook.com">The Absolutely Awesome jQuery CookBook</a></span>
</p>

CSS

#container a
{
    display:block;
}














/* Additional css below. Not related to the demo */
#spacer {
position:fixed;
height:40px;
top:280px;
line-height: 40px;    
font-family: 'Noto Sans', sans-serif;
background-color:#e18728;
}

#spacer span{
     display:inline-block; vertical-align:middle
     line-height: 14px;
}

h2 {
 text-align:left;
}

JavaScript

$("#container").on('click', 'a', function(){
    console.log("clicked");
    $(this).clone().appendTo("#container");
});