JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box2"></div>
<div class="test1">
<div class="box1"></div>

text
</div>

CSS

/* .box1{
    width:200px;
    height:200px;
    border:1px solid black;
    margin:0 50%;
    left:-150px;
    position:absolute;
} */
.box2{
    width:50px;
    height:50px;
    border:1px solid red;
    position:absolute;
    right:0px;
    padding-bottom:30px;
    margin-bottom:100px;
}
.test1 {
  position:relative;
    border:1px solid blue;
}