Zarovnanie blokového prvku s odsadením vľavo v CSS
Hodnota auto pre margin
v skutočnosti nemusí iba centrovat.
V podstate táto hodnota umožňuje automaticky vypočítať
odsadenie a urobiť ho maximálne možné.
Keď nastavíme auto pre
ľavý a pravý okraj - prvok
sa vycentruje.
Je však možné nastaviť iba ľavý okraj. V tomto prípade prvok získa maximálne možné odsadenie zľava a zaujme krajnú pravú položku:
<div class="parent">
<div class="child"></div>
</div>
.parent {
padding: 10px 0;
border: 1px solid red;
}
.child {
margin-left: auto; /* nastavíme automatický ľavý okraj */
height: 100px;
width: 200px;
border: 1px solid green;
}
: