JSFiddle - React, Tailwind, and code Playground

by fschwiet

HTML

<script src="http://code.jquery.com/jquery-latest.js"></script>

<div class="outer">
    <div class="inner"></div>
    
    <div class="output"></div>
</div>

CSS

.outer {
    padding:10px;
    background:red;
    overflow: hidden;
}

.inner {
    margin:10px;
    padding:10px;
    background:blue;
    border:solid cyan 10px;
    float:left;
    height:25px;
    width:25px;
};

JavaScript

$(".outer").click(function(e) { $(".output").text("outer"); e.stopPropagation(); });
        $(".inner").click(function(e) { $(".output").text("inner"); e.stopPropagation(); });