Подравняване на блоков елемент с отстъп отляво в 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;
}