JSFiddle - React, Tailwind, and code Playground

HTML

<div class="article cf">
    <div class="thumb">
        <img src="http://goo.gl/zxnbZ" alt="Placeholder" />
    </div>
    
    <div class="wrapper">
        <h2>Headline</h2>
        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam.</p>
    </div>
</div>

CSS

/* -- normalize -- */
* { margin: 0 ; padding: 0 ; border: 0 none ; }
html, body { font-family: arial, sans-serif ; font-size: 90% ; }

/* -- clearfix -- */
.cf:before, .cf:after { content: " " ; display: table ; }
.cf:after { clear: both ; }

/* -- layout -- */
.article {
    display: table ;
    padding: 1em ;
    background-color: #ddd ;
}

.article div {
    display: table-cell ;
}

.article .wrapper {
    vertical-align: top ;
    padding: 0 1em ;
}

img {
    width: 150px ; /* remove! */
}

/* -- IE6/7 -- */
.ie .cf { zoom: 1 ; }
.ie .article .thumb { float: left ; }
.ie .article .wrapper { zoom: 1 ; }