Como inserir uma margem à direita e à esquerda da página?

StackOverflow https://stackoverflow.com/questions/1625253

  •  06-07-2019
  •  | 
  •  

Pergunta

Eu quero inserir essa margem, mas eu não sei por que ... Eu quero que seja como Twitter ou TwitPic

O meu CSS: 

 body {
        margin: 40px;
        margin-bottom: 50px;
        padding: 0;
        background-color: #edece9;
        font-family: "Lucida Grande", "Bitstream Vera Sans", "Verdana";
        font-size: 13px;
        color: #333;
      }
Foi útil?

Solução

Assumindo uma estrutura de página assim: 

<!DOCTYPE html>
<html>
  <head>
    <link type="text/css" rel="stylesheet" href="style.css" />
  </head>
  <body>
    <div id="main">
    </div>
  </body>
</html>

Em seguida, style.css deve ser parecido: 

* {margin:0;}
div#main {
  width:800px;
  margin:0 auto;
}

Outras dicas

twitter usa uma largura fixa div que utiliza margin-left:auto; e margin-right:auto. isso irá centralizar a div horizontalmente

Você precisa colocar um div com um com (sua largura da página desejada fixo e colocar sua margin:0 auto

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top