JSFiddle - React, Tailwind, and code Playground

by Jesse M

HTML

<div id="boxes">
    <div>1</div>
    <div>5</div>
    <div></div>
    <div>3</div>
    <div></div>
    <div>2</div>
    <div>4</div>
</div>

CSS

#boxes { width:25%; float:right; }

#boxes div { width:33.3%; height:60px; background:#ccc; }

#boxes div:first-child { float:left; }
#boxes div:nth-child(2) { float:right; }
#boxes div:nth-child(4) { margin:0 auto; }
#boxes div:nth-child(6) { float:left; }
#boxes div:last-child { float:right; }

#boxes div:nth-child(3), #boxes div:nth-child(5) { clear:both; height:.01em; }