Баланс кардани унсури блокӣ бо ҳошияи чап дар CSS

Қимати auto барои margin дар асл метавонад на танҳо марказӣ кунад. Дар асл ин қиммат имкон медиҳад, ки ҳошия ба таври худкор ҳисоб карда шавад ва имконпазири ҳадди аксар сохта шавад. Вақте ки мо auto-ро барои ҳошияи чап ва рост мегузорем - унсур марказӣ мешавад.

Аммо, метавон танҳо ҳошияи чапро гузошт. Дар ин ҳолат унсур ҳошияи ҳадди аксари имконпазири чапро хоҳад гирифт ва вазъияти канории ростро ишғол мекунад:

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

.parent {
	padding: 10px 0;
	border: 1px solid red;
}
.child {
	margin-left: auto; /* ҳошияи чапи худкорро муайян мекунем */
	height: 100px;
	width: 200px;
	border: 1px solid green;
}