JSFiddle - React, Tailwind, and code Playground

by Allendar

HTML

<form id="myForm">
    <input type="text" value="" />
    <input type="text" value="" />
    <input type="text" value="" />
    <input type="text" value="" />
    <div class="clear"></div>
</form>

CSS

#myForm {
    border: 1px solid blue;
    width: 800px;
}

#myForm input[type=text] {
    margin: 0px;
    display: block;
    float: left;
    box-sizing: border-box;
    width: 25%;
    border: 0px;
    background-color: orange;
}

#myForm .clear {
    clear: both;
}