JSFiddle - React, Tailwind, and code Playground

by Patrick Gregorio

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="col" id="dynamic">
  <p>Lorem ipsum...</p>
</div>
<div class="col">
  <p><a href="#">Test</a></p>
</div>

CSS

.col {
  display: inline-block;
  width: 20%;
  margin: 0;
  background-color: #dadada;
}

JavaScript

$("a").click(function(e) {
	e.preventDefault();
  
  $("<p>Lorem ipsum...</p>").appendTo($("#dynamic"));
});