JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap clear">
    <p>This is a dummy text This is a dummy text This is a dummy text This is a dummy text This is a dummy text This is a dummy text This is a dummy text This is a dummy text This is a dummy text This is a dummy text This is a dummy text This is a dummy text This is a dummy text This is a dummy text This is a dummy text This is a dummy text This is a dummy text This is a dummy text This is a dummy text This is a dummy text </p>
    <img src="http://www.sadmuffin.net/cherrybam/graphics/comments-hThis is a dummy text This is a dummy text This is a dummy text This is a dummy text This is a dummy text This is a dummy text This is a dummy text This is a dummy text This is a dummy text This is a dummy text </p>
    <img src="http://www.sadmuffin.net/cherrybam/graphics/comments-h</p>
    <img src="http://www.sadmuffin.net/cherrybam/graphics/comments-hello-hey-hi/hello010.gif" />
</div>

CSS

.wrap {
    width: 800px;
    background: #f00;
}

.wrap p {
    float: left;
    width: 500px;
}

.clear:after {
    clear: both;
    display: table;
    content: "";
}

.wrap img {
    float: left;
    width: 200px;
    border: 1px solid #f00;
}