title: Adding nav links on either(both) sides of an image
body: <p>Having a lot of trouble with this, I think i'm almost there. This is what it looks like so far however its now uneven (the image logo is more to the right and not in the center anymore. I'm trying to get it so that the image is in the center and 2 links on either side of it. <a href="http://i.stack.imgur.com/FwK7R.png" rel="nofollow">Click here for image</a></p>
  
  <p>HTML:</p>
  
  <p>Current code:</p>
  
  <pre><code>&lt;div id="navbar"&gt;
    &lt;ul&gt;
      &lt;li&gt;Home&lt;/li&gt;
      &lt;li&gt;The Collective&lt;/li&gt;
      &lt;img src="images/jc.jpg"&gt;
      &lt;li&gt;About&lt;/li&gt;
      &lt;li&gt;Store&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#navbar li {
      display: inline;
      padding-right: 40px;
  }
  </code></pre>
  
  <p>Sorry I'm fairly new to all of this and any help would be greatly appreciated!</p>