JSFiddle - React, Tailwind, and code Playground

by suresh ponnukalai

HTML

<div class="cf">
    <div> <img src="//upload.wikimedia.org/wikipedia/commons/thumb/6/6e/Balzac.jpg/220px-Balzac.jpg" width="100px" /> </div>
    <div>some text here</div>
</div>

CSS

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}
.cf > div
{
 display:table-cell;
    vertical-align:top;
}
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}