JSFiddle - React, Tailwind, and code Playground

by Van Hai Le

HTML

<p>
	<img class="float-left" src="https://placehold.it/200x200" alt="">
	<img class="float-right" src="https://placehold.it/200x200" alt="">
	Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio nulla ullam reprehenderit, nemo pariatur labore, blanditiis laborum quibusdam facilis odit hic ipsum soluta non necessitatibus eius eaque! Alias, provident, earum! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut labore praesentium fuga, blanditiis numquam qui dolore commodi. Aspernatur commodi, omnis quo inventore error, temporibus mollitia. Impedit quibusdam at quo veritatis maiores voluptate eius ad magni ipsa distinctio aut dignissimos minus, nam exercitationem, quis ratione, iusto facere! Obcaecati inventore, numquam eveniet. Vel cumque excepturi, dolore delectus magnam, magni soluta assumenda animi quia. Magni nesciunt dolorem consectetur, porro vero soluta eius hic deleniti adipisci iusto laborum possimus maxime optio esse reprehenderit recusandae vel perspiciatis sint illum. Tempora voluptate porro, repudiandae eligendi, non nemo aut sunt. Officiis recusandae voluptas magnam nostrum, voluptatem nulla.
</p>

CSS

.float-left {
	float: left;
	margin-right: 12px;
}

.float-right {
	float: right;
	margin-left: 12px;
}