title: How to achieve table layout without using tables?
body: <p>In the name of progress (and learning) how can I rid tables from my code and achieve the same layout?</p>
  
  <p>For example, here is my table:</p>
  
  <pre><code>&lt;table cellspacing="0px"&gt;
      &lt;tr&gt;
          &lt;td&gt;
              &lt;img src="http://www.poltairhomes.com/images/footerlogo.png" /&gt;
          &lt;/td&gt;
          &lt;td id="footertext"&gt;
              &lt;p&gt;Poltair Homes Plc&lt;br /&gt;Registered Office: The Old Chapel, Greenbottom, Truro, Cornwall, TR4 8QP.&lt;br /&gt;Registered in England &amp; Wales: 3955425&lt;br /&gt;www.poltairhomes.com&lt;br /&gt;info@poltairhomes.com&lt;/p&gt;
          &lt;/td&gt;
          &lt;td id="footertext"&gt;
              &lt;p&gt;Terms and Conditions | Privacy Policy | Sitemap&lt;/p&gt;
          &lt;/td&gt;
          &lt;td id="footertext"&gt;
              &lt;p&gt;SIGN UP FOR OUR NEWSLETTER:&lt;/p&gt;
              &lt;img src="http://www.poltairhomes.com/images/signup(temp).png" /&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>And the relevant CSS:</p>
  
  <pre><code>.footertext {
      margin: 0;
      padding:0 5px 0 5px;
      color: #AAA;
      font-size: 10px;
      font-family:Arial, Helvetica, sans-serif;
      text-align:center;
      border-left: 1px solid #CCC;
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/userdude/tYjKw/">http://jsfiddle.net/userdude/tYjKw/</a></p>