JSFiddle - React, Tailwind, and code Playground

HTML

<div class="customparentbox">
  <div class="custombox">
     <p>Sample text</p>
     <button>test</button>
  </div>
 </div>

CSS

*{ box-sizing: border-box; margin: 0; padding: 0; }

.customparentbox{
background: red;
position: relative;
height: 80px;
width: 100px;
}
.custombox{
text-align: center;
padding-top: 10px;
position: absolute;
border: 1px solid;
left: 10px;
top: 10px;
height: 80px;
width: 100px;
background: #fff;}