JSFiddle - React, Tailwind, and code Playground

HTML

<div >test.. !</div>

CSS

html, body {
    width:100%;
    height:100%;
    margin:0;
     
}
div {
    width:100%;
    height:50%;

  overflow: auto;
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
    text-align:center;
    border:1px solid black;
}