JSFiddle - React, Tailwind, and code Playground

HTML

<div id="big">
    hello
    <div id="button1">foo</div>
    <div id="button2">bar</div>
</div>

CSS

#big {
    position:relative;
    width:400px; height:400px;
    overflow:visible;
    border:1px solid red;
} #button1, #button2 {
    width:100px; height:50px;
    position:absolute;
    right:-120px;
    border:1px solid blue;
} #button1 {
    top:0px;
} #button2 {
    bottom:0px;
}