JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">

</div>

CSS

.wrapper{
  top: 50%;
    left: 50%;
    width:200px;
    height:60px;
    margin-top: -30px; /*set to a negative number 1/2 of your height*/
    margin-left: -100px; /*set to a negative number 1/2 of your width*/
    border: 1px solid #ccc;
    position:fixed;
}