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>
    <script>
           $(function() {
                var h =  $("#img").css("height");
                $("#text").css("height", h);
           });
    </script>
</head>
<body>
<div id="outer">
    <div id="img"><img src="http://a0.twimg.com/profile_images/1894860707/Facebook_ProfilePicLogo_031312-07.jpg" 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;
        }
        #text {
            display: table-cell;
            vertical-align: middle;
        }