JSFiddle - React, Tailwind, and code Playground

HTML

<div class="div_a">
    <div class="div_b">
        <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/9/99/Unofficial_JavaScript_logo_2.svg/70px-Unofficial_JavaScript_logo_2.svg.png" alt="" />
    </div>
    <div class="div_c">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce id condimentum metus. Duis lobortis, velit id auctor ultrices, eros elit sodales ante, nec porttitor orci elit quis nunc.</div>
    <div class="div_d">Proin id venenatis ipsum. Donec eu malesuada libero, eget aliquam massa. Donec lacus ligula, consequat quis suscipit quis.</div>
</div>

SCSS

html, body {
    margin:0;
    padding:0;
}
.div_a {
    position:absolute;
    border:1px solid;
    padding:8px;
    min-width:360px;
}
.div_b {
    float:left;
    width:20%;
    padding:4px;
    border:1px solid red;
    text-align:center;
}
.div_c {
    width:20%;
    float:left;
    padding:4px;
    border:1px solid blue;
}
.div_d {
    width:20%;
    float:left;
    padding:4px;
    border:1px solid green;
}
.div_b img {
    position:relative;
    top:50%;
}

JavaScript 1.7

$(window).on('load', function () {
    var c = $(".div_c").height();
    var d = $(".div_d").height();
    var i = $(".div_b img").height();
    var h = c > d ? c : d;
    $(".div_b").height(h);
    $(".div_b img").css('margin-top', -i / 2 + "px");
});