JSFiddle - React, Tailwind, and code Playground

by theoperatore

HTML

<div class="thing">
    <img src="http://placekitten.com/g/150/150">
    <p>I am a thing.</p>
    <p>I do thing things.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ac dictum nisi, vel mollis metus. Suspendisse molestie nibh molestie augue aliquet, ullamcorper gravida leo hendrerit. Suspendisse maximus pellentesque lacus, sed cursus odio congue eget. Suspendisse a rhoncus ex, faucibus elementum erat. Vivamus odio mi, vehicula eget pretium eget, malesuada quis ipsum. In hac habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla elit odio, posuere convallis est vel, tristique mattis libero. Maecenas porttitor tortor sit amet porta finibus. Nam id aliquet mi, sed efficitur enim. Praesent tincidunt, enim eu rhoncus consectetur, mi elit ultricies velit, sed molestie tellus velit sit amet dolor. Quisque tincidunt ipsum magna, et tempus tellus suscipit sed. Proin tempor suscipit tortor sit amet vehicula. Pellentesque interdum scelerisque dui et congue. Aenean tincidunt dolor eget velit rutrum sodales.</p>
</div>

CSS

img {
    float:left;
    margin-right: 10px;
}

.thing {
    padding:12px 24px;
    border: 1px solid #ccc;
    border-radius: 5pt;
    box-shadow: 0px 2px 5px 1px rgba(171, 171, 171, 0.6);
}