JSFiddle - React, Tailwind, and code Playground

HTML

<div class="select-col">
    <select>
        <option value="0">Option 0</option>
        <option value="1">Option 1</option>
    </select>
</div>
<div class="input-btn-col">
    <div class="input-col">
        <input type="text" />
    </div>
    <div class="btn-col">
        <button type="button">Go</button>
    </div>
</div>

CSS

* {
    box-sizing: border-box;
}
select, input {
    width: 100%;
}
.select-col {
    float: left;
    width: 150px;
    margin-right: -150px;
    position: relative;
    z-index: 999;
}
.input-btn-col {
    width: 100%;
    padding-left: 150px;
    float: left;
}
.input-col {
    width: 100%;
    padding-right: 110px;
    float: left;
}
.btn-col {
    float: left;
    width: 110px;
    margin-bottom: 0;
    margin-left: -110px;
}