JSFiddle - React, Tailwind, and code Playground

HTML

<div id="parent">
  Parent
    <div id="child"></div>
  
</div>

CSS

div{width:20px;height:20px;margin-left:20px;border:1px solid black;}
#parent{border:1px solid black;padding:10px;height:100px; width:100px;margin:50px  auto 0;position:relative}
#child{background:red;position:absolute;left:50%;top:50%;margin:-10px 0 0 -10px}

JavaScript

$('#child').click(function(event) {
    event.stopPropagation();
    alert('You clicked Child');
});


$('#parent').click(function() {
    alert('You clicked on Parent');
});