JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrap">
 <div id="header">
      <h1>My Header</h1>
 </div>
 <div id="search"> 
  search form here
 </div>
</div>

CSS

#wrap { width:400px; margin:auto; border:1px solid #dadada; padding:10px; overflow:hidden; }
#header { width:200px; float:left; border:1px solid #dadada; }
#search { width:150px; float:right; border:1px solid #dadada; }