title: Horizontal align HTML header elements
body: <p>I would appreciate some help on this one; I have 4 elements inside of a div. As of now, they are stacked on each other but I would like them to be aligned. #ninesixty is the div they are placed in. Thanks a lot (:</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;header&gt;
      &lt;div id="ninesixty"&gt;    
          &lt;h1 id="home_link"&gt;HOME&lt;/h1&gt;
          &lt;h1 id="projects_link"&gt;PROJECTS&lt;/h1&gt;
          &lt;img id="logo" src="images/logo.png"/&gt;
          &lt;h1 id="services_link"&gt;SERVICES&lt;/h1&gt;
          &lt;h1 id="contact_link"&gt;CONTACT&lt;/h1&gt;
      &lt;/div&gt;
  &lt;/header&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>header
  {
  background-color:white;
  text-align:center;
  }
  
  #ninesixty
  {
      height:900px;
      width:960px;
      margin-top:40px;
      background-color:white;
      margin: 0 auto;
      text-align:center;
      border-radius:8px;
      display:inline-block;
  }
  </code></pre>