JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outerWrapper">
    <div class="outerDiv">
        <div class="innerDiv">Hi i am trying to align center vertically and horizontally</div>
        <div></div>

CSS

.outerWrapper {
	position:absolute;
	left:50%;
	top:50%;
	margin:-75px 0 0 -135px;
}