title: CSS / HTML Navigation and Logo on same line
body: <p>I can't figure out how to put them on the same line. </p>
  
  <p><a href="http://codepen.io/anon/pen/dovZdQ" rel="noreferrer">http://codepen.io/anon/pen/dovZdQ</a></p>
  
  <pre><code>&lt;body&gt;
      &lt;div class="navigation-bar"&gt;
          &lt;div id="navigation-container"&gt;
              &lt;img src="logo.png"&gt; 
              &lt;ul&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Projects&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;About&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Services&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Get in Touch&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>