Wyrównanie elementu blokowego z wcięciem po lewej stronie w CSS
Wartość auto dla margin
w rzeczywistości może nie tylko wyśrodkować.
W zasadzie ta wartość pozwala automatycznie obliczyć
wcięcie i uczynić je maksymalnie możliwym.
Gdy ustawimy auto dla
wcięcia lewego i prawego - element
jest wyśrodkowany.
Można jednak ustawić tylko lewe wcięcie. W tym przypadku element otrzyma maksymalnie możliwe wcięcie z lewej strony i zajmie skrajne prawe położenie:
<div class="parent">
<div class="child"></div>
</div>
.parent {
padding: 10px 0;
border: 1px solid red;
}
.child {
margin-left: auto; /* ustawiamy automatyczne lewe wcięcie */
height: 100px;
width: 200px;
border: 1px solid green;
}
:
