JSFiddle - React, Tailwind, and code Playground

HTML

<div id="parent">
    <p>
        This is the position parent element.
    </p>
</div>

<div id="positionable">
    <p>
        to position
    </p>
</div>

CSS

div#parent {
    width: 60%;
    margin: auto;
    padding: 5px;
    border: 1px solid #777;
    background-color: #fbca93;
    text-align: center;
}
div#positionable {
    opacity:0.5;
    width: 75px;
    height: 75px;
    background-color: #bcd5e6;
}

JavaScript

$("#positionable").css({
    position: $("#parent").css("position"),
    top: $("#parent").css("top"),
    left: $("#parent").css("left"),
    margin: $("#parent").css("margin"),
});
$("#parent").hide();