JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
	I'm aligned vertically!
</div>

CSS

.container{
	display: flex;
	align-items: center;
	height: 10em;
	background: #7396a1;
    width: 300px;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
}