JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>vertical align</title>
    <style type="text/css">
        #outer {
            border: 1px solid black;
            width: 500px;
            display: table-cell;
            vertical-align: middle;
        }
        #img {
            float: left;
        }
    </style>
</head>
<body>
<div id="outer">
    <div id="img"><img src="http://www.picamatic.com/show/2012/08/15/12/15/8599744_201x201.png" alt=""></div>
    <div id="text">The Consultant undertakes to the Company that during the Engagement he shall take all reasonable
        steps to offer (or cause to be offered) to the Company any Busi</div>
</div>
</body>
</html>

CSS

#outer {
            border: 1px solid black;
            width: 500px;
            display: table-cell;
            vertical-align: middle;
        }
        #img {
            float: left;
        }