Vejamos uma solução simples e prática para centralizar objetos em uma página utilizando código css.

Esta solução é muito útil por exemplo para colocar uma imagem em uma página de apresentação ou ainda imagens de “site em breve!”

Como ainda estamos na era da grande guerra de navegadores o código está seguido de um hack para funcionar também no IE 6.

.centered 
  {   

   position: fixed;     

   top: 50%;     

   left: 50%;     

   margin-top: -50px;     

   margin-left: -100px;     

   }     

*html .centered     

  {     

  position:absolute     

  }

teremos como resultado

Popularity: 4% [?]