JSFiddle - React, Tailwind, and code Playground

HTML

<div id="title">A</div>
<div id="text">Some text... Some text... Some text... Some text... Some text... Some text... Some text... Some text... Some text... Some text... Some text...</div>

CSS

#title
{
    background: #ff0000;
    width:45px;
    height:45px;
    color:white;
    text-align: center;
}

#text {
    width: 400px;
}

#title, #text {
    display: table-cell;
    vertical-align: middle;
}