JSFiddle - React, Tailwind, and code Playground

HTML

<div class="boxwrap">
    <div>
        <input type="text" size="6" />
        <h5>label1</h5>
    </div>
    <div>
        <input type="text" size="6" />
        <h5>label2</h5>
    </div>
    <div>
        <input type="text" size="6" />
        <h5>label3</h5>
    </div>
</div>
<div class="clearfloat"></div>

CSS

div.boxwrap div {
    float: left ;
}
div.boxwrap div h5 {
    text-align: center ;
}
div.clearfloat {
    clear: both ;
}