JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
	<div class="child">Текст,ий блок.</div>
    <div class="child">Текст,ий<br>блок.</div>
    <div class="child">Текст,ий блок.</div>
	<div class="helper"></div>
</div>

CSS

.parent {height:50px; text-align:center; border:1px solid #dd0; background: #ffa;  }

.child {
    display:inline-block;
    vertical-align:middle;
    line-height: 10px;
}
.helper {
    display:inline-block;
    height:100%;
    width:0px;
    vertical-align:middle;

}