JSFiddle - React, Tailwind, and code Playground

HTML

<div class ="divi" style="padding: 20px; background-color: #c0c0c0; position: relative;">
    <span class="desc">Name:</span>
    <div class="full">
    <input type="textbox" class="tb"  /></div>
    <input type="button" value="Search" class="button" />
</div>
<div class ="divi" style="padding: 20px; background-color: #c0c0c0; position: relative;">
    <span class="desc">Name:</span>
    <div class="full">
    <input type="textbox" class="tb"  /></div>
    <input type="button" value="Search" class="button" />
</div>
<div class ="divi" style="padding: 20px; background-color: #c0c0c0; position: relative;">
    <span class="desc">Name:</span>
    <div class="full">
    <input type="textbox" class="tb"  /></div>
    <input type="button" value="Search" class="button" />
</div>
<div class ="divi" style="padding: 20px; background-color: #c0c0c0; position: relative;">
    <span class="desc">Name:</span>
    <div class="full">
    <input type="textbox" class="tb"  /></div>
    <input type="button" value="Search" class="button" />
</div>

CSS

span {position: absolute;}
.full {position: absolute; left: 60px; right: 100px; top: 8px;}
.desc {left: 10px; top: 8px; width: 100px;}
.tb {width: 100%; display: block;}
.button {right: 10px; width: 80px; top: 8px; position: absolute}

.divi{
    width : 19%;
    display:inline-block;
}