JSFiddle - React, Tailwind, and code Playground

HTML

<div class="col-md-3">
    <div class="header">
        <div class="icon"><span></span></div>
        <div class="title"><h1>This is the title row</h1></div>
    </div>
    <p>This is some content text. This is some content text. This is some content text. This is some content text. This is some content text. </p>
</div>

CSS

.header {
    display: table;
    width: 100%;
}
.header .icon, .header .title {
    display: table-cell;
    vertical-align: middle;
}
.header .icon {
    width: 60px;
}
.header .icon span {
    width: 50px;
    height: 50px;
    display: block;
    background: red;
}
.header .title h1 {
    margin: 0;
}