JSFiddle - React, Tailwind, and code Playground

by LuckyCat

HTML

<div class="box_1">
    <div class="box_2">
        Button
    </div>
</div>

CSS

* { padding: 0; margin: 0; }
html, body { height: 100%; }
.box_1 {
    height: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;

}
.box_2 {
    border: solid 1px #e4205b;
    padding: 15px;    
    font-size: 18px; color: #e4205b;
    display: inline-block;
}