JSFiddle - React, Tailwind, and code Playground

by anubhabB

HTML

<div id="emptyBox">
    back
</div>
<div id="letter">
    CLICK ME
</div>

CSS

#emptyBox{
    width:64px;
    height:64px;
    display:block;
    margin-top:0px;
    z-index:0;
    border:1px solid #333;
    background:#ccc;
    overflow:hidden;
    position:absolute;
}
#letter{
        width:64px;
    height:64px;
    display:block;
    margin-top:64px;
    z-index:5;
    border:1px solid #333;
    background:#ccc;
    overflow:hidden;
    position:absolute;
    line-height:64px;
    font-weight:bold;
    background:rgba(255,0,0,.5);
    text-align:center;
}

JavaScript

$("#letter").click(function(){
    $("#letter").css("margin-top","0px");
});