JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>
        <h3>Title</h3>
        <div class="content">
            <img src="images/image" />
            <p>This is some text.</p>
            <p>Here's some more text.</p>
            <p>And heres yet another block of text.</p>
        </div>
        <blockquote>This is a quote.</blockquote>
        <a>A link</a>
    </li>
</ul>

CSS

ul {
    width: 200px;
}
.content {
    float: left;
    width: 100px;
}
blockquote {
    float: right;
    width: 50px;
}
a {
    float: left;
    clear: both;
}