JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    
    <select id="x2"><option>foobar</option></select>
    <input id="x3" value="25" placeholder="age">
    <input id="x1" placeholder="name">
</div>

<input type="text" placeholder="name">

CSS

div { margin: 2em; background: #ccc; border: 1px solid #000; width: 400px; padding: 1px; overflow:auto;
    height:1.5em;
}
input:last-of-type {
    display:block;
}
#x2 { 
    float: left;
}
#x3 { 
    width: 30px; 
    float: right;
}
input, select {
    /*height:100%;*/
}