Four Values for the CSS Margin Property
If the margin property has four values, the first value specifies the top margin. The second value specifies the right margin, the third the bottom margin, and the fourth the left margin. So we start at the top and go clockwise: top-right-bottom-left. See the example:
<div id="parent">
<div id="child"></div>
</div>
#parent {
width: 300px;
border: 1px solid red;
}
#child {
height: 100px;
border: 1px solid green;
margin: 10px 20px 30px 40px;
}
:
Repeat the page according to this example:
