title: How to Align Footer Text on the Right and on the Left?
body: <p>I'm trying to align text on the left and on the right side of my footer. The problem is that the text on the right falls a line below the text on the left. I want them to be even on the same line. Any help would be appreciated! Thanks for the help!</p>
  
  <p>Here's my code: <a href="http://jsfiddle.net/kc6AL/" rel="nofollow">http://jsfiddle.net/kc6AL/</a></p>
  
  <h2>HTML</h2>
  
  <pre><code>&lt;!--Footerline--&gt;
  &lt;div id="footerline"&gt;
  &lt;img src="http://s21.postimg.org/l6t6akypj/line.jpg"/&gt;
  &lt;/div&gt;
  &lt;!--Footer--&gt;
  &lt;div id="footer"&gt;
  &lt;h3 class="copyright"&gt;Copyright Stuff.&lt;/h3&gt;
  &lt;h3 class="social"&gt;Social Links.&lt;/h3&gt;
  </code></pre>
  
  <h2>CSS</h2>
  
  <pre><code>#footerline {
      width: 100%;
      overflow: hidden;
      margin: 5px auto 10px auto;
      text-align: center;
  }
  
  #footer {
      max-width: 980px;
      text-align: center;
      margin: auto;
  }
  
  h3 {
  
  font-family: 'Source Sans Pro', sans-serif;
              text-transform:uppercase;
              font-weight : 300;
              font-size : 14px;
              color : #000;
  
  }
  
  .copyright {
  
      text-align: left;
  }
  
  .social {
  
      text-align: right;
  
  }
  </code></pre>