JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    Outer Div
    <div id="inner">Inner Div</div>
</div>

CSS

#container {
    background: yellow;   
    position: relative;
    height: 100px;
    -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.6);
    box-shadow: 0 2px 6px rgba(0,0,0,0.6);
    z-index: 6;
}
#inner {
    background: orange;
    position: absolute;
    z-index: 4;
    width: 100px;
    height: 50px;
    top: 80px;
    right: 0;
    padding-top: 20px;
}