Бо CSS ҳосияи margin кор кардан

Ҳоло мо бо ҳосияи margin шинос мешавем, ки фосилаҳои байни элементҳои вебсайтро муайян мекунад. Биёед ба амал бинем ва бубинем, ки ин чӣ гуна аст.

Барои оғоз ду блокеро, ки якеро дар дигаре ҷойгиранд бе margin меорем (онҳо ба ҳам мечаспанд ва мо марзи дучандаро мебинем):

<div id="parent">
	<div id="child"></div>
</div>

#parent {
	width: 300px;
	border: 1px solid red;
}
#child {
	height: 100px;
	border: 1px solid green;
}

Ва ҳоло биёед барои блоки дохилӣ margin ба андозаи 30px таъин кунем:

<div id="parent">
	<div id="child"></div>
</div>

#parent {
	width: 300px;
	border: 1px solid red;
}

#child {
	height: 100px;
	border: 1px solid green;
	margin: 30px;
}

Саҳифаро ба ҳамин намуна такрор кунед: