Zarovnání blokového prvku s odsazením vpravo v CSS
V případě potřeby lze nastavit i pravý odstup a prvek nebude přitlačen těsně k pravému okraji, ale ustoupí od něj:
<div class="parent">
<div class="child"></div>
</div>
.parent {
padding: 10px 0;
border: 1px solid red;
}
.child {
margin-left: auto;
margin-right: 20px; /* nastavíme pravý odstup */
height: 100px;
width: 200px;
border: 1px solid green;
}
: