JSFiddle - React, Tailwind, and code Playground

HTML

<div class="title-block">
    <div class="img-holder">
        <img width="101" height="104" src="http://www.girlsguidetomanners.com/wp-content/uploads/2014/02/url-16-101x104.jpeg" class="attachment-homepoststhumbnail wp-post-image" alt="url-16" />
        <div class="title">Get Your Nose Out of Your IPhone</div>
    </div>
    
    
</div>

CSS

.title-block {
    width:272px;
    height: 110px;
    border: 1px solid green;
}
.img-holder {    
    margin: 0 6px 0 0;
    position: relative;
    display: table;
}

img, .title{
    display:table-cell;
    vertical-align: middle;
}
.title {
    text-transform: uppercase;
    margin: 8px 0 9px;  
}