JSFiddle - React, Tailwind, and code Playground

HTML

<div class="clsDiv" id="divTemp" contenteditable="true"></div>

<input type="button" value="Click here" id="btnSubmit"/>

CSS

.clsDiv{
  border: 1px solid black;
  height:200px;
  width:200px;
}

.clsElements {
	border: 1px solid #CCCCCC;
	background: #f9f9f9;
	padding: 3px 6px;
	float: left;
	margin: 1px 0px;
	margin-left: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	margin-bottom: 5px;
	height: 23px;
	line-height: 16px;
}

JavaScript

$(document).on('click','#btnSubmit', function (){
  $("#divTemp").append('<div class="clsElements" style="display: block;" contenteditable="true">0</div>');
});