JSFiddle - React, Tailwind, and code Playground

by Bryan Braun

HTML

<div class="card">
    <p>Nulla dui purus, eleifend vel, consequat non, dictum porta, nulla.</p>
    <img src="http://placehold.it/100x100" />
    <p>Visit <a href="http://example.com">example.com</a>, and see more.</p>
</div>
<div class="card">
    <p>Nulla dui purus, eleifend vel, consequat non, dictum porta, nulla.</p>
    <img src="http://placehold.it/100x100" />
    <p>Visit <a href="http://example.com">example.com</a>, and see more.</p>
</div>
<div class="card">
    <p>Nulla dui purus, eleifend vel, consequat non, dictum porta, nulla.</p>
    <img src="http://placehold.it/100x100" />
    <p>Visit <a href="http://example.com">example.com</a>, and see more.</p>
</div>

CSS

.card {
    max-width: 140px;
    margin: 1em;
    border: 1px solid #ccc;
    padding: 1em;
    float: left;
}