Como alinhar um site ao centro

Ultimamente tenho visto muita gente a perguntar como alinhar um site ao centro, ainda existem alguns sites (os mais antigos) que estão alinhados a esquerda, digamos que isso é uma técnica que já a muito passou de moda, actualmente quase todos os sites são alinhados ao centro para ficarem no centro do ecrã quando abertos. Assim dependendo das resoluções de cada ecrã a visibilidade e a aparência são melhores, devido ao facto de as margens (parte da body que não faz parte do site em si) ficarem distribuídas para os dois lados, pois com um alinhamento a esquerda muitas das vezes ficamos com uma grande zona sem qualquer tipo de conteúdo a direita.

Seguindo o esquema de um site web já aqui apresentado no Rafa's Web Blog ajuda, neste caso para alinharmos o site ao centro seria muito fácil, bastava ir ao nosso ficheiro de “estilos” (geralmente style.css) e na class wrapper adicionar o margin:0 auto; algo do género:

1  #wrapper {
2
3  margin:0 auto;
4
5  }


E desta forma o nosso site passa a estar alinhado ao centro do ecrã.

COMO ALINHAR O TEXTO AO CENTRO?

Outra coisa interessante e que muitas vezes suscita duvida é de como alinhar o texto ao centro, isto é relativamente fácil basta adicionar text-align: center; algo do género:

1  #wrapper {
2
3  margin:0 auto;
4  text-align: center;
5
6  }