¿Cómo lograr el diseño de la mesa sin usar tablas?

En nombre del progreso (y el aprendizaje) ¿cómo puedo eliminar tablas de mi código y lograr el mismo diseño?

Por ejemplo, aquí está mi mesa:

Poltair Homes Plc
Registered Office: The Old Chapel, Greenbottom, Truro, Cornwall, TR4 8QP.
Registered in England & Wales: 3955425
www.poltairhomes.com
info@poltairhomes.com

Terms and Conditions | Privacy Policy | Sitemap

SIGN UP FOR OUR NEWSLETTER:

Y el CSS relevante:

 .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; } 

http://jsfiddle.net/userdude/tYjKw/

Crea un estilo como:

 .footerItem { float: left; } 
 

Poltair Homes Plc
Registered Office: The Old Chapel, Greenbottom, Truro, Cornwall, TR4 8QP.
Registered in England & Wales: 3955425
www.poltairhomes.com
info@poltairhomes.com

Terms and Conditions | Privacy Policy | Sitemap

SIGN UP FOR OUR NEWSLETTER:

CSS:

 .table { display: table; } .table-row { display: table-row; } .table-cell { display: table-cell; } 

HTML:

 
Table cell 1
Table cell 2
 
Content1
Content2
Content3

Y el CSS

 .table {width: 100%; height: 100%;} .row {width: 100%; min-height: 1px; height: auto; margin: 0;} .cell {float: left; margin: 0; padding: 0;} .onecol {width: 100%;} .twocol {width: 50%;} 

Le sugiero que busque en algunos sistemas de grids, como 960grid (http://960.gs/) o 1140grid (http://cssgrid.net/), que le ayudarán mucho.