JSFiddle - React, Tailwind, and code Playground

HTML

<div class="holder">
    
    <div class="bar">
        <p style="float:left"> Hello world</p>
         <a href="#" style="float:right" class="delete"> remove </a>
    </div>
    
    
</div>


<a href="#" class="add">+ Add New</a>

CSS

.bar{
    background:#ccc;
    width:400px;
    height:30px;
    margin-bottom:2px;
  }

.bar a, .bar p{
  display:block;  
   margin:0px;
   padding:0px;
}

JavaScript

$('.add').click(function() {
 $(".holder").prepend('<div class="bar"><p style="float:left"> Hello world</p> <a href="#" style="float:right" class="delete"> remove </a></div>');
});


$('.delete').click(function() {
 $(this).parent('.bar').remove();
});