JSFiddle - React, Tailwind, and code Playground

HTML

<div class="table">
    <div class="td1"><span>я по центру</span></div>
    <div class="td2"><span>я чуть сверху</span></div>
    <div class="td3"><span>я чуть снизу</span></div>
</div>

CSS

.table {
    display: table;
    border-spacing: 5px;
}

.table > div {
    display: table-cell;
    height: 50px;
    padding: 0 5px;
    vertical-align: middle;
    background: pink;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.td2 span {
    position: relative;
    top: -3px;
}

.td3 span {
    position: relative;
    top: 3px;
}