JSFiddle - React, Tailwind, and code Playground

HTML

<div class="positionDiv" id="position1"></div>
  <div class="positionDiv" id="position2"></div>
<div id="targetElement">
    
</div>

CSS

#targetElement { width:240px;height:200px;background-color:#999;margin:30px auto; } .positionDiv { width:50px;height:50px;opacity:0.6; } #position1 {background-color:#F00;} #position2 {background-color:#0F0;} #position3 {background-color:#00F;} #position4 {background-color:#FF0;}

JavaScript

$(document).ready(function() {
    
$("#position1").position({
  my: "center",
  at: "left",
  of: "#position1"
});
$("#position2").position({
  my: "left top",
  at: "left top",
  of: "#targetElement"
});



  });