title: How to put logo, navigation and seach bar at one line?
body: <p>I  have navigation, logo and search bar and I want to put it in one line above my header image.
  Can someone guide me on how I can do that?</p>
  
  <p><a href="https://jsfiddle.net/80pdq9jk/4/" rel="nofollow">https://jsfiddle.net/80pdq9jk/4/</a></p>
  
  <pre><code>      &lt;header&gt;
  &lt;div class="container"&gt;
  
          &lt;div class="logo"&gt;logo&lt;/div&gt;
  
  
              &lt;ul class="nav"&gt;
                  &lt;li&gt;&lt;a href="#"&gt;1&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;2&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;3&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;4&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
  
              &lt;form id="searchbox" action=""&gt;
                  &lt;input id="search" type="text" placeholder="Type here"&gt;
                      &lt;input id="submit" type="submit" value="Search"&gt;
              &lt;/form&gt; 
  &lt;/div&gt;      
          &lt;/header&gt;
  </code></pre>