JSFiddle - React, Tailwind, and code Playground

by Himanshu Joshi

HTML

<div>
  <div class="centered">this is how i do it.</div>
</div>

CSS

.centered {
  position: fixed;/*or absolute*/
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
 // transform: translateY(-50%);
  background-color:grey;
}