title: Trying to get my navigation next to my logo
body: <p>I am trying to get my nav next to my logo and it just keeps putting it below it. My code isn't great, but I want the nav to be next to the logo like I have in the design that I have:</p>
  
  <p><img src="https://i.stack.imgur.com/0D8hx.jpg" alt="enter image description here"></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;body&gt;
  &lt;div class="backgroundofdivgreen"&gt;
  &lt;header&gt;
  
  
  &lt;div class="logo"&gt;&lt;a href="index.html"&gt;&lt;img src="images/logo.jpg"&gt;&lt;/a&gt;&lt;/div&gt;    
  
      &lt;nav&gt;
      &lt;a href="index.html"&gt;Home&lt;/a&gt;
      &lt;a href="services.html"&gt;Services&lt;/a&gt;
      &lt;a href="offers.html"&gt;Offers&lt;/a&gt;
      &lt;a href="people.html"&gt;People&lt;/a&gt;
      &lt;a href="franchises.html"&gt;Franchises&lt;/a&gt;
      &lt;a href="reviews.html"&gt;Reviews&lt;/a&gt;
      &lt;/div&gt;
  
  &lt;/header&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>body {
      margin: 0px;
      background-color:blue;
  }
  
  .backgroundofdivgreen {
      height: 96px;
      margin: 0px;
      background-color: #39b54a;
  
  }
  
  header {
      width: 980px;
      height: 96px;
      background-color: #39b54a;
      margin: 0px auto;
  }
  
  nav {
      float:right;
  }
  </code></pre>