•  
     

Margem superior, direita, inferior e esquerda - HTML e CSS

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-top:20px;
margin-right:50px;
margin-bottom:10px;
margin-left:5px;
}

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


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