•  
     

Elemento o centralizando - HTML e CSS

Se pegarmos um elemento HTML com uma largura específica (como nossa <div> no editor) e definir sua margem margin como auto, isso faz com que o documento automaticamente coloque margens esquerdas e direitas iguais no nosso elemento, o centralizando na página.

Código: Selecionar todos

margin:auto;


HTML

Código: Selecionar todos

<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css">
<title>Resultado</title>
</head>
<body>
<div></div>
</body>
</html>



CSS

Código: Selecionar todos

* {
border: 1px dashed black;
margin:auto;
}

div {
height: 50px;
width: 100px;
border: 2px solid black;
border-radius: 5px;
background-color: #308014;
}



Demo: http://jsfiddle.net/4wwzy56g/