Three values in the margin property in CSS

Well, finally, if you pass three values to the margin property, the first will set the top margin, the third will set the bottom margin, and the second will set both the left and right margin.

Let's look at an 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;
}

Repeat the page according to this example:

Three values ​​in the margin property in CSS

Three values in the margin property in CSS