Centrar una pagina con CSS

En ocaciones cuando estamos diseñando una web y queremos centrarla de forma sencilla, la mejor opción es utilizar Css, por la sencilles con que se hace y la rapides, y para esto aquí les dejo el codigo Html y el CssCódigo HTML:
Codigo HTML:

<p id="content">
<p id="cabecera">
<h2>Esto es una prueba</h2>
<p id="contenido"><center>Resultado Final</center></p>

Codigo CSS:

<style type="text/css"> body { margin:0; padding:0; text-align:center; }
#content { text-align:left; margin:auto; background-color:#ff0; width:800px; height:800px; }
#cabecera { width: 800px; height:100px; background-color:blue; }
#menu { width:150px; height:650px; float:left; background-color:#888; }
#contenido { width:650px; height:650px; float:left; background-color:#ccc; }
#pie { clear:both; width:800px; height:50px; background-color:#0f0; }
</style>