JSFiddle - React, Tailwind, and code Playground

HTML

<div id="search">    
   <div id="searchtxt">
       <input id="txtSearch" name="txtSearch" type="text" value="" 
       
       /> 
    </div>
   <div id="searchbtn">
      <input id="btnSeach" type="button" value="Search" /> 
      Search:  
   </div>



</div>

CSS

div#search
{
   height: 30px;
   border: 1px solid #80808D;
   padding: 5px 0px 5px 0px;
}

div#searchbtn
{
   float: left;
   display: inline;
   padding: 0px 100px 0px 100px;
}

div#searchtxt
{
   float: left;
   width: auto;
   display: inline;
   padding-right: 10px;
   min-width:200px;
   width:100%;
}
div#searchtxt input {
      width:100%;  
}