JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <button class="button">Hello</button>
</div>

CSS

.wrapper {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button {
    position: absolute;
    font-size: 5rem;
    top: 50%;
}