title: What css code will allow me to position my divs next to each other instead of on top?
body: <p>I have been using a grid system to allow me to  have a columns at the footer of my page. I want to move the Div with the crockery text in it next to the contact information instead of beneath it. </p>
  
  <p>The Html i have used for the footer is:</p>
  
  <pre><code>&lt;div style=" text-align:left; color:#FFF" class="sitemaps"&gt;
  &lt;div class="section group"&gt;
  &lt;div style=" text-align:left; padding:4% 0% 6% 10%; color:#FFF" class="span_8_of_8"&gt;
      &lt;div class="span_2_of_8"&gt;
      &lt;p&gt;My House&lt;/br&gt;My road&lt;/b&gt;My Town&lt;/br&gt;My City&lt;/br&gt;Zip Code&lt;/br&gt;&lt;/br&gt;012345678910&lt;/br&gt;&lt;/br&gt;Email@mydomian.co.uk&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class="span_1_of_8"&gt;
      &lt;p&gt;&lt;strong style="color:#555"&gt;About Us&lt;/strong&gt;&lt;/br&gt;Home&lt;/br&gt;Terms Of Hire&lt;/br&gt;Contact Us&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class="span_1_of_8"&gt;
      &lt;p&gt;&lt;strong style="color:#555"&gt;Crockery&lt;/strong&gt;&lt;/br&gt;Classic&lt;/br&gt;Contemporary&lt;/br&gt;Squared&lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The Css code I have used is:</p>
  
  <pre><code>.group:before,
  .group:after { content:""; display:table; }
  .group:after { clear:both;}
  .group { zoom:1; /* For IE 6/7 */ }
  /*  GRID OF EIGHT  */
  .span_8_of_8 {
      width: 100%;
  }
  
  .span_7_of_8 {
  width: 87.3%;
  } 
  
  .span_6_of_8 {
  width: 74.6%;
  }
  
  .span_5_of_8 {
  width: 61.9%;
  }
  
  .span_4_of_8 {
  width: 49.2%;
  }
  
  .span_3_of_8 {
  width: 36.5%;
  }
  
  .span_2_of_8 {
  width: 23.8%;
  }
  
  .span_1_of_8 {
  width: 11.1%;
  }
  
  /*  GO FULL WIDTH BELOW 480 PIXELS */
  @media only screen and (max-width: 480px) {
  .col {  margin: 1% 0 1% 0%; }
  .span_1_of_8, .span_2_of_8, .span_3_of_8, .span_4_of_8, .span_5_of_8,           .span_6_of_8, .span_7_of_8, .span_8_of_8 { width: 100%; }
  }
  .sitemap{
  width:100%;
  background-color:#69aodo;
  }
  </code></pre>