JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main"><div class="wrapper"><p>123</p></div></div>

CSS

div.main{
  width:300px;
  height:300px;
  border:1px black solid;
  position: relative;
  padding:10px;
}
div.wrapper{
  position: relative;
  height:0;
}
p{
  position: absolute;
  background:red;
  width:100%;
}