Выравнивание блочного элемента с отступом слева в 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;
}
: