title: Creating a multi-column like footer in html5 css3
body: <p>I need to create a footer with three columns. The below code gives the second image rather than the first;</p>
  
  <pre><code>&lt;footer&gt;
      &lt;div id=”footer_links”&gt; &lt;/div&gt;
      &lt;div id=”values”&gt;.....&lt;/div&gt;
      &lt;div id=”contacts”&gt;.....&lt;/div&gt;
      &lt;div id="copyright"&gt;.....&lt;/div&gt;
  &lt;/footer&gt;
  </code></pre>
  
  <p>CSS code: </p>
  
  <pre><code>footer{
   height: auto;
   padding:1px 15px 1px 20px;
   clear:both;
   }
  #footer_links{
  float:left;
  }
  #values{
   float:none;
   padding:0 600px 0 0;
   text-align:justify;
   }
  #contacts{
  float: right;
  
  }
  
  #copyright{
  float:none;
  text-align:center;
  }
  </code></pre>
  
  <blockquote>
    <p><img src="https://i.stack.imgur.com/xRRhk.jpg" alt="enter image description here"></p>
  </blockquote>
  
  <p><img src="https://i.stack.imgur.com/qDj0y.jpg" alt="enter image description here"></p>
  
  <p>How do I get my divs to line up properly instead of being offset such as in the second example?</p>