JSFiddle - React, Tailwind, and code Playground

by Qwerty_Wasd

HTML

<div>
	<span class="verticalcenter">asfdgaregea</span>
</div>

CSS

div{
	display:inline-block;
	height:200px;
	border:1px solid red;
}
.verticalcenter{
  position: relative;
  top: 45%;
  -webkit-transform: translateY(-45%);
  -o-transform: translateY(-45%);
  transform: translateY(-45%);
  border:1px solid blue;
}