JSFiddle - React, Tailwind, and code Playground

by Jordan Sayner

HTML

<div>
    <h1>
        hello
    </h1>
</div>

CSS

div {
    background: #ff00ff;
    width: 500px;
    height: 500px;
}
h1 {
    -webkit-transform: translatey(-50%);
    -moz-transform: translatey(-50%);
    transform: translatey(-50%);
    position: relative;
    top: 50%;
    
    
    text-align: center;
    background: #fff;
    width: 200px;
}