JSFiddle - React, Tailwind, and code Playground

by Rahul Chaudhary

HTML

<div id="content">
    <div id="overlay">
        <a id="callAction">Button</a>
    </div>
</div>

CSS

body {
     position: relative;
}

 #content {
     position: relative;
    border: 2px solid blue;
    height: 800px;
    width: 100%;
}

#overlay {
     position: relative;
     z-index: 10;
     width: 400px;
     height: 200px;
    border: 2px solid red;
    top: 20%;
    left: 20%;
}

#callAction {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 38px 110px;
    border: 2px solid black;
    top: 20%;
    left: 20%;
}