JSFiddle - React, Tailwind, and code Playground

HTML

<div id="box1"><p>box 1</p></div>
<div id="box2"><p>box 2</p></div>

CSS

#box1 {
    width:200px;
    height: 100px;
    background-color:gold;
    position: absolute;
    bottom:230px;
    left:100px;
    margin-bottom:20px;

}

#box2 {
    width:200px;
    height: 100px;
    background-color:red;
    position: absolute;
    top:200px;
    left:100px;
/*    margin-top:20px;  */
 


}
p {
    margin-top:40px;
    text-align: center;
}