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%;
	}
	#container #content {
	    background-color: #ff6622;
	    display: table-row;
	    height: 100%;
	}
	#template {
	    background: rgba(255, 255, 255, 0.3);
	    display: table-cell;
	    height: 100%;
	    width: 100%;
	}