JSFiddle - React, Tailwind, and code Playground

by janjarfalk

HTML

<article>
    <img src="http://placekitten.com/g/200/300" />
    <p>
        Aenean lacinia bibendum nulla sed consectetur. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Nulla vitae elit libero, a pharetra augue. Cras mattis consectetur purus sit amet fermentum.
    </p>    
</article>

<article>
    <p>
        Aenean lacinia bibendum nulla sed consectetur. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Nulla vitae elit libero, a pharetra augue. Cras mattis consectetur purus sit amet fermentum.
    </p>    
</article>

CSS

article { overflow: hidden; margin: 0 0 20px; }
article img { float: left; padding: 0 5px 0 0; }
article p { width: 10000px; display: table-cell; *width: auto; zoom: 1; overflow: hidden; }