JSFiddle - React, Tailwind, and code Playground

by dodozhang21

HTML

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tellus risus, tincidunt quis venenatis eget, porta nec ligula. Proin vehicula nulla quis lectus mollis vel interdum orci dignissim. Integer pulvinar faucibus tellus et <img src="https://www.google.com/images/srpr/logo3w.png" class="floatLeft" />interdum. Nunc semper odio a enim vehicula semper. Integer laoreet fringilla nulla nec dignissim. Integer gravida sollicitudin enim vitae tincidunt. Nulla vehicula consequat risus at cursus. In gravida ipsum nec metus tincidunt iaculis. Proin et enim nec erat tincidunt dapibus a ut urna.
</p>
<p>
Vivamus vitae urna consequat arcu pulvinar feugiat. Donec ultrices rutrum faucibus. Nunc est purus, hendrerit vehicula pellentesque at, elementum id justo. Curabitur vel odio orci. Quisque purus urna, commodo et vulputate a, bibendum sit amet nisl. Quisque tristique scelerisque felis vitae posuere. Nullam in scelerisque lectus. Ut vel magna eu lectus congue fringilla. Sed pellentesque congue commodo.
</p>
<p>
Aliquam sit amet augue sed nisl condimentum commodo. Vestibulum posuere ligula id nulla dictum imperdiet. Suspendisse vitae massa risus, eget pharetra felis. Donec blandit odio at tortor consectetur sagittis. In scelerisque, felis eget interdum lacinia, velit ante bibendum nisl, vitae ullamcorper felis nibh eget orci. Aenean lorem purus, posuere at commodo a, feugiat at nisl. Nullam non est vitae tellus gravida rhoncus ut ornare turpis.<img src="http://static.guim.co.uk/sys-images/Guardian/About/General/2010/3/22/1269299823886/Google-logo-in-China-001.jpg" class="floatRight" /> Etiam urna enim, blandit sed lobortis et, consequat sed urna. Suspendisse ac quam ligula. Nam in lacus quis nulla condimentum volutpat. Aliquam eu orci a ipsum molestie tempus. Donec pulvinar sodales dui, facilisis venenatis est convallis in. Donec sed nisi diam, quis condimentum risus. Phasellus eget mi vel libero posuere facilisis. Integer egestas dignissim sagittis.
</p>
<p...

CSS

p {
    margin: 1em 0;
}

.clearLeft {
    clear: left;
}

.clearRight {
    clear: right;
}

.floatLeft {
    float: left;
    margin: 1em 1em 1em 0;
}

.floatRight {
    float: right;
    margin: 1em 0 1em 1em;
}