JSFiddle - React, Tailwind, and code Playground

HTML

<div>1</div>
<div>5</div>
<div></div>
<div>3</div>
<div></div>
<div>2</div>
<div>4</div>

CSS

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

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

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