<!DOCTYPE html>
<html>
<head>
<title>CSS margin Property</title>
<style>
div {
border: 1px solid orange;
margin-bottom: 40px;
}
p {
border: 1px solid #000;
}
.margin-1 {
margin: 10px;
}
.margin-2 {
margin: 10px 15px;
}
.margin-3 {
margin: 10px 15px 20px;
}
.margin-4 {
margin: 10px 15px 20px 10px;
}
</style>
</head>
<body>
<div>
<p class="margin-1">margin: 10px</p>
</div>
<div>
<p class="margin-2">margin: 10px 15px</p>
</div>
<div>
<p class="margin-3">margin: 10px 15px 20px</p>
</div>
<div>
<p class="margin-4">margin: 10px 15px 20px 10px</p>
</div>
</body>
</html>
