Caixas CSS centralizadas

O código abaixo centraliza uma caixa CSS na tela, colocando o tamanho das suas margens em “auto”. Não é os infames layouts de duas ou três colunas, mas apenas uma caixa mesmo bem no meio da tela, com os lados esquerdo e direito equidistantes do viewport.

Ótimo para quando você tem uma caixa de tamanho fixo e deseja dar um alto destaque, ou harmonizá-la, na página.

[css]#css_id {
width:450px;
margin:0px auto;
}[/css]

É só isso mesmo :)