JSFiddle - React, Tailwind, and code Playground
HTML
<div id="columns">
Quickly generate fully tested e-markets for excellent portals. Conveniently engineer corporate web-readiness vis-a-vis virtual growth strategies. Progressively reconceptualize sticky products whereas user friendly sources.
Professionally maintain wireless opportunities vis-a-vis orthogonal portals. Synergistically procrastinate cooperative information before professional manufactured products. Quickly drive 24/7 data vis-a-vis granular results.
<div class="break"><img src="http://placehold.it/100x100" /></div>
Holisticly expedite global information via alternative infomediaries. Distinctively innovate cooperative solutions with scalable services. Completely architect principle-centered channels without bricks-and-clicks metrics.
</div>
CSS
#columns {
-moz-column-count: 2;
-moz-column-gap: 1em;
-webkit-column-count: 3;
-webkit-column-gap: 1em;
width: 700px;
height: 500px;
}
.break {
-webkit-column-break-before:always;
-moz-column-break-before:always;
column-break-before:always;
}
img {
float: right;
}