Neste exemplo estarei atribuindo valores para um layout, assim o centralizando, alguns dos atributos são de fácil entendimento, como é o caso do background-color, que com essa função iremos declarar uma cor ao fundo da página. Agora iremos usar margin:0px; para tirarmos a margen, colocaremos um espaçamento de 20px(padding:20px;), e o principal text-align:center; assim centralizando o layout.
No campo #weblivre, definiremos o tamanho do layout(text-align: left;
), o posicionamento do texto (text-align: left;), uma borda tracejada (border: 1px dashed #564b47;), iremos alinhar o texto verticalmente dentro do elemento (vertical-align: middle;), alinharemos o texto para a esquerda (text-align: left;), e por fim iremos setar o espaçamento como 0 (padding: 0px;).

body {
  background-color: #e1ddd9;
  font-size: 12px;
  color:#564b47; 
  padding:20px;
  margin:0px;
  text-align: center;
}

#weblivre {
  text-align: left;
  vertical-align: middle;
  margin: 0px auto;
  padding: 0px;
  width: 550px;
  background-color: #ffffff;
  border: 1px dashed #564b47;
}

Últimas Notícias

• Twitter organiza informações sobre Eleições 2008
• HDTV ganha força a partir de 2010
• Governo lança Fórum de Competitividade em Tecnologia da Info...

Parceiros

Últimos Artigos

• Analisando o Conceito de B.I.
• Assinando e-mails e fazendo bons negócios
• A simplicidade deve prevalecer!