JSFiddle - React, Tailwind, and code Playground

HTML

<body>
  <div id="content">Content I m first in html </div>
  <div id="nav">navi</div>
  <div id="search-results">Search-Results</div>
    
    <div id="one"></div>
</body>

CSS

#content{
display:none;
}


#one{
background:red;
    padding:10px;
    clear:both;
}
#nav{
background:green;
    float:left;
    width:35%;
}
#search-results{
float:right;
    width:65%;
    background:yellow;
}

JavaScript

document.getElementById('one').innerHTML=document.getElementById('content').innerHTML;