JSFiddle - React, Tailwind, and code Playground

by Paul Draper

HTML

<button class="outer">
    <div class="inner">
        Hello<br>World
    </div>
</button>

CSS

.outer {
    position: absolute;
    top: 25%;
    left: 25%;
    bottom: 25%;
    right: 25%;
    padding: 0;
    background: none;
    outline: dashed 1px black;
    border: none;
    text-align: center;
    font-family: sans-serif;
    font-size: 16px;
}

.inner {
   background: #ccc;
}