JSFiddle - React, Tailwind, and code Playground

by Mark Syred

HTML

<body>
    <div>I would like this to appear in the middle of the viewport.</div>
</body>

CSS

div {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
}