JSFiddle - React, Tailwind, and code Playground

HTML

<div class="page">
    <div class="section">
        <div class="child">text1</div>
        <div class="child">text2</div>
        <div class="child">text3</div>
        <div class=clr></div>
    </div>
</div>

CSS

.clr {clear: both;}
.page {width:400px;}
.page .section {width: 90px; margin: 0 auto;}
.page .section .child {width: 30px; float: left}