JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div class="align">
        <img src="https://www.google.com/images/srpr/logo3w.png" />
    </div>
    <div class="align">
        <h1>Title<br />2nd Line</h1>
    </div>
    <div style="clear: left" />
</div>

CSS

#container .align { display: table-cell; vertical-align: middle; }
#container img { margin: 10px 0 10px 10px; }
#container h1 { font-size: 50pt; }
#container img, #container span { float: left; }