Выраўноўванне блачнага элемента з водступам злева ў CSS

Значэнне auto для margin на самой справе можа не толькі цэнтраваць. Фактычна гэта значэнне дазваляе разлічыць водступ аўтаматычна і зрабіць яго максімальна магчымым. Калі мы ставім auto для левага і правага водступу - элемент цэнтруецца.

Можна, аднак, паставіць толькі левы водступ. У гэтым выпадку элемент атрымае максімальна магчымы водступ злева і займе крайняе правае становішча:

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

css.parent {
  padding: 10px 0;
  border: 1px solid red;
}
.child {
  margin-left: auto; /* задаем аўтаматычны левы водступ */
  height: 100px;
  width: 200px;
  border: 1px solid green;
}

Результат: