JSFiddle - React, Tailwind, and code Playground

by Daniel Tan

HTML

<div id="a">A</div>
<div id="b">B</div>
<div id="c">C</div>
<div id="d">D</div>

CSS

div { padding: 40px;}

#a, #b { clear: none; }
#c, #d { clear: both; }

#a { float: left; background: red; }
#b { float: left; background: yellow; }
#c { float: right; background: green; }
#d { float: left; background: blue; }