JSFiddle - React, Tailwind, and code Playground

HTML

<body>
	<div class='container4'>
		<div>Example :)</div>
	</div>
</body>

CSS

body{
		margin:0px;
	}
	div.container4 {
    height: 100%;
    width:100%;
    position: absolute;
}
div.container4 div {
    margin: 0;
    background: yellow;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: 50-%;
    transform: translate(-50%, -50%) }