•  
     

Posicionando seu botão - HTML e CSS

margin: auto; é o código CSS que você usa para dizer ao navegador: "Ei! Certifique-se de usar margens iguais em cada lado desse elemento HTML." Quando as margens são iguais, o objeto está centralizado.

text-align: center; é como você centraliza elementos de texto.

HTML

Código: Selecionar todos

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


CSS

Código: Selecionar todos

div{
height:50px;
width:120px;
border-color:#6495ED;
background-color:#BCD2EE;
border-style:solid;
border-width:5px;
border-radius:5px;
margin:auto;
text-align:center;
}



Demo: http://jsfiddle.net/a8zregpb/2/