JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div id="content">
        <div id="template">text</div>
    </div>
</div>

CSS

* {
    margin: 0;
    padding: 0;
}
html, body {
    height: 100%;
}
#container {
    border-collapse: collapse;
    display: table;
    height: 100%;
    width: 100%;
    position: relative;
}
#container #content {
    background-color: #ff6622;
    display: table-row;
    height: 100%;
}
#template {
    background: rgba(255, 255, 255, 0.3);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
}