JSFiddle - React, Tailwind, and code Playground

by Hashem Qolami

HTML

<div style="width: 100%">
    <input class="one">
    <input class="two">
    <input class="three">
</div>

CSS

* {
    margin: 0;
    padding: 0;
}

div {
    overflow: hidden;
}

input {
    float: left;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.one {
    width: 30%;
    margin-right: 10%
}

.two {
    width: 30%;
    margin-right: 10%
}
.three {
    width: 20%
}