JSFiddle - React, Tailwind, and code Playground

by antouank

HTML

<div id="box2">
    <p id="informationBox">heyheyhey</p>
</div>

CSS

body {
    margin: 0;
}

#box2 {
    width: 100%;
    height: 100%;
    position:absolute;
    background-color: orange;
}
#informationBox {
    padding: 0.5em;
    background-color: #fff;
    border-radius: 12pt;
    border: solid black 3pt;
    max-width: 100px;
    margin: 0 auto;
    text-align: center;
    position: absolute; 
    top: 50%;
    left: 50%;
}