title: Display Logo and Nav on same bar
body: <p>I'm having a total brain fart and can't figure out how to display my title/logo and navigation on the same line in my html code.  I want the title/logo to be on the left and the nav to be on the right.</p>
  
  <p>Here's my HTML:</p>
  
  <pre><code>&lt;div class="header"&gt;
      &lt;div class="title"&gt;
          &lt;h1&gt;Homegrown&lt;/h1&gt;
      &lt;/div&gt;&lt;!--/.title--&gt;
      &lt;nav class="nav"&gt;
          &lt;ul&gt;
              &lt;li&gt;Home&lt;/li&gt;
              &lt;li&gt;Services&lt;/li&gt;
              &lt;li&gt;Contact&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/nav&gt;&lt;!--/.nav--&gt;
  &lt;/div&gt;&lt;!--/.header--&gt;
  </code></pre>
  
  <p>Here's my CSS:</p>
  
  <pre><code>.title {display:inline; float:left; margin:0 auto;}
  .nav {
      display:inline;
      float:left;
      width:100%;
      margin:0 1.7%;
      padding:25px 2%;
      margin-bottom:0;
  }
  ul {display:inline; float:right; list-style:none;}
  li {display:inline;}
  </code></pre>