JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
      <div class="center">
        centered block
        <br>
        sdfdsfd
      </div>
    </div>

CSS

.wrapper {
    text-align: center;
    width: 100%;
    height: 100vh;
}
.wrapper:after {
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
		margin-right: -.25em;
}

.center{
    display: inline-block;
    vertical-align: middle;
    width: 300px;
    border: 1px solid #000;
}