JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outer">
	<div class="inner">
	</div>
</div>

CSS

.outer {
		width: 500px;
		height: 500px;
		display: table-cell;
		background-color: red;
		vertical-align: middle;
	}
	
	.inner {
		display: block;
		width: 300px;
		height: 200px;
		margin: 0px auto;
		background-color: yellow;
	}