JSFiddle - React, Tailwind, and code Playground

HTML

<table>
	<tr>
		<td><div id="wrap"></div></td>
	</tr>
</table>

CSS

html, body { margin:0; height: 100%;}
	table { width: 100%; height: 100%;}
			td { 
				height: 100%;
				vertical-align: middle;
				width: 100%;
				text-align: center;
			}

	#wrap {
		width: 40%;
		height: 60%;
		background: red;
		display: inline-block;
	}