JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row">
 <figure class="span3"><img src="img/qrcode.png" alt="Some text" /></figure>
    <div class="span3">
        <p>Some text</p>
        <p>Some text here too.</p>
     </div>
 </div>

CSS

div.row {
    border: solid 1px blue;
    height: 300px;
    line-height: 300px;
}

.row > .span3 {
    display: inline-block !important;
    border: solid 1px red;
    vertical-align: middle;
    line-height: 1.5;
}