JSFiddle - React, Tailwind, and code Playground
HTML
<div class="thing">Foo</div>
<div class="thing">Foo</div>
<div class="thing">Foo</div>
<div class="thing">Foo</div>
<div class="thing">Foo</div>
CSS
.thing {
background-color: rgb(245, 245, 245);
border: 1px solid rgb(200, 200, 200);
padding: 10px;
margin: 5px;
position: relative;
}
.close {
position: absolute;
top: 2px;
right: 2px;
height: 20px;
width: 20px;
line-height: 20px;
text-align: center;
cursor: pointer;
border: 1px solid rgb(255, 100, 100);
background-color: rgb(255, 180, 180);
}
JavaScript
$('.thing').append('<div class="close">x</div>');
$('.close').live('click', function() {
$(this).parent().slideUp();
});