title: Float elements inside a <header>
body: <p>I'm going crazy trying to get that this 2 elements float in the same line inside a <code>&lt;header&gt;</code></p>
  
  <pre><code>&lt;header&gt;
      &lt;h1&gt;Hernan esta con vos&lt;/h1&gt;
      &lt;nav&gt;
          &lt;ul class="navigation-list"&gt;
              &lt;li&gt;&lt;a href="#"&gt;Nuestra firma&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;i class="icon-ellipsis-vertical"&gt;&lt;/i&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Que podemos hacer por vos&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;i class="icon-ellipsis-vertical"&gt;&lt;/i&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Comunicate con nosotros&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/nav&gt;
  &lt;/header&gt;
  </code></pre>
  
  <p>And this is my css</p>
  
  <pre><code>header
  {
      display: block;
      width: 90%;
      margin: 0em auto;
      padding: 1em;
      text-transform: uppercase;
      overflow: auto;
  }
  
  header h1
  {
      float: left;
  }
  
  header nav
  {
      float: left;
  }
  
  .navigation-list
  {
      margin: 0em;
      padding: 0em;
      list-style: none;
      text-align: center;  
  }
  
  .navigation-list li
  {
      display: inline-block;
      letter-spacing: 0.10em;
      padding: 0em 0.25em;
  }  
  </code></pre>
  
  <p>Could someone help me to achieve that?</p>
  
  <p>Thank you all very much in advance. Cheers.</p>