title: How do I get my logo and navbar on the same line?
body: <p>I need my logo and nav on the same line, also the black background goes away for some reason when use the div container. I have the display: inline-block
  property and value set, do I have it under the wrong selector?</p>
  
  <pre><code>body div.container {
  display: inline-block;
  }
  
  nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  }
  
  nav li{
  display: inline-block;
  margin: 1px;
  padding: 0;
  }
  
  h1 {
  font: #c00
  }
  
  body{
  font: normal normal normal 75%/1.3em verdana,geneva,lucida,arial,sans- 
  serif; background-color: #fff;
  } 
  
  
  &lt;link rel="stylesheet" type="text/css" href="hw7style.css"&gt;
  &lt;/head&gt;
  &lt;background&gt;
  &lt;body&gt;
  &lt;div id="container"&gt;
  &lt;img src="hw7-images/logo.png" alt="logo" class="logo"&gt;
  &lt;nav&gt;   
  
    &lt;ul class="menu"&gt;
      &lt;li&gt;&lt;a href="about.html"&gt;&lt;img alt="About Us" src="hw7- 
  images/about.png" &gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="events.html"&gt;&lt;img alt="Events" src="hw7- 
  images/events.png" &gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="outreach.html"&gt;&lt;img alt="Community Outreach" src="hw7- 
  images/outreach.png" &gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="resources.html"&gt;&lt;img alt="Resources &amp; Info" src="hw7- 
  images/resources.png" &gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="contact.html"&gt;&lt;img alt="Contact Us" src="hw7- 
  images/contact.png" &gt;&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
  
  &lt;/nav&gt;
  
  &lt;/div&gt;
  </code></pre>