JSFiddle - React, Tailwind, and code Playground

HTML

<div class="border">
<input type="text" id="q" />
<input type="button" id="b" value="Search" />
    <div class="clear"></div>
</div>

CSS

#q, #b { 
   margin: 0 
   display:inline-block;
   float:left;
}
#q { 
   padding 5px; 
   font-size: 2em; 
   line-height: 30px; 
   border:none;
}
#b { 
   /* image replacement */
    margin-top:8px;
   width: 30px; 
   height: 30px; 
   background: gray url(button.png) 0 0 no-repeat;
}
.border {
   border:#ccc solid 1px; 
   width:390px;
}
.clear {
   clear:both;
}