Alinierea unui element bloc cu indentare în stânga în CSS

Valoarea auto pentru margin de fapt nu poate doar centra. În esență, această valoare permite calcularea indentării automat și o face maxim posibilă. Când setăm auto pentru indentarea stângă și dreaptă - elementul se centrează.

Se poate, totuși, seta doar indentarea stângă. În acest caz, elementul va primi indentarea maximă posibilă în stânga și va ocupa poziția extremă dreaptă:

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

css.parent {
  padding: 10px 0;
  border: 1px solid red;
}
.child {
  margin-left: auto; /* setăm indentarea stângă automată */
  height: 100px;
  width: 200px;
  border: 1px solid green;
}

Результат: