JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outerContainer">
          <div class="innerContainer">
            <div >
                <p style='vertical-align:middle;display:inline-block;font-size:20px;'>hello</p>
                <p style='display:inline-block;font-size:15px;'>Some Text</p>

            </div>
          </div>
        </div>

CSS

.outerContainer {
    display: table;
    width: 100%; /* width of parent */
    height:200px;
    overflow: hidden;
    border:1px solid green;
}
.outerContainer .innerContainer {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    margin: 0 auto;
}