JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <p>
  une div
  </p>
</div>

CSS

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

div{
  position: relative;
  border:1px solid green;
  height: 100px; 
}

p{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border: 1px solid grey;
}