JSFiddle - React, Tailwind, and code Playground

by Thoriq Firdaus

HTML

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

CSS

.container{
	height: 100px;
	background: #7396a1;
    color: #fff;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}
.content {
    text-align: center;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}