JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
<div class="left" style="width:40px;"></div><div class="right" style="width:40px;"></div>
<div class="left" style="width:35px;"></div><div class="right" style="width:35px;"></div>
<div class="left" style="width:30px;"></div><div class="right" style="width:30px;"></div>
<div class="left" style="width:25px;"></div><div class="right" style="width:25px;"></div>
<div class="left" style="width:20px;"></div><div class="right" style="width:20px;"></div>
<div class="left" style="width:15px;"></div><div class="right" style="width:15px;"></div>
<div class="left" style="width:10px;"></div><div class="right" style="width:10px;"></div>
<div class="left" style="width:5px;"></div><div class="right" style="width:5px;"></div>
<div class="left" style="width:10px;"></div><div class="right" style="width:10px;"></div>
<div class="left" style="width:15px;"></div><div class="right" style="width:15px;"></div>
<div class="left" style="width:20px;"></div><div class="right" style="width:20px;"></div>
<div class="left" style="width:25px;"></div><div class="right" style="width:25px;"></div>
<div class="left" style="width:30px;"></div><div class="right" style="width:30px;"></div>
<div class="left" style="width:35px;"></div><div class="right" style="width:35px;"></div>
<div class="left" style="width:40px;"></div><div class="right" style="width:40px;"></div>

                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam pede. Donec iaculis, purus at porta tristique, pede nisi rhoncus pede, non nonummy augue nunc in tortor.</p>
</div>

CSS

.container { width:100px; margin: 15px auto;}
.left { float: left; clear: left; height: 6px; }
.right { float: right; clear: right; height: 6px; }
        
body {font-size: 6px;}