JSFiddle - React, Tailwind, and code Playground

HTML

<div class="block" style="z-index:20;
    position: absolute;
    border: 1px dotted #16232d;
    width: 300px;
    height: 200px;
    line-height: 200px;
    top:88px; left:31px;
    display: table-cell;
    line-height: normal;
    font-size:32px;
    text-align: center;
    vertical-align: middle;">
        <p style="vertical-align: middle; display: inline-block;"> Lorem ipsum dolor sit amet</p>
</div>

CSS

.block:before {
    content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}