JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<div class="productimage">
    <img src="http://cdn.shopify.com/s/files/1/0296/9253/products/JACKSONVILLE_TRUCKS_FLATTENED_2013_1024x1024.jpg?v=1389550049" />
</div>
<div class="productdescription">Blah blah top aligned text
    <div class="footertext">Some bottom aligned text</div>
</div>

CSS

.productdescription {
    float:left;
    position:relative;
    height:200px;
}
.productimage {
    width:200px;
    float:left;
}
.productimage img {
    width:100%;
}
.footertext {
    position:absolute;
    bottom:0px;
}

JavaScript

$( document ).ready(function() {
  $(".productdescription").css({'height':($(".productimage img").height()+'px')});
});