Zarovnání blokového prvku s odsazením zleva v CSS
Hodnota auto pro margin
ve skutečnosti nemusí pouze centrovat.
V podstatě tato hodnota umožňuje automaticky
vypočítat odsazení a učinit jej maximálně
možným. Když nastavíme auto pro
levý a pravý odstup - prvek
se vycentruje.
Lze však nastavit pouze levý odstup. V tomto případě prvek získá maximálně možné odsazení zleva a zaujme krajní pravou polohu:
<div class="parent">
<div class="child"></div>
</div>
.parent {
padding: 10px 0;
border: 1px solid red;
}
.child {
margin-left: auto; /* nastavíme automatický levý odstup */
height: 100px;
width: 200px;
border: 1px solid green;
}
:
