Membuat Halaman Rata Tengah dengan CSS

Bagaimana cara membuat sebuah blok pada halaman HTML menjadi rata tengah menggunakan CSS?

Secara sederhana, ada dua cara.

Pertama, untuk liquid layout:

[css]
div#container {
margin-left: 10%;
margin-right: 10%;
}
[/css]

Kedua, untuk fixed-width layout:

[css]
div#container {
margin-left: auto;
margin-right: auto;
width: 50em;
}
[/css]

Penjelasan lebih lanjut bisa dilihat di CSS Centering – fun for all!