Alignement d'un élément en bloc avec une marge droite en CSS
Si nécessaire, il est également possible de définir une marge droite et l'élément ne sera pas collé contre la bordure droite, mais s'en éloignera :
<div class="parent">
<div class="child"></div>
</div>
.parent {
padding: 10px 0;
border: 1px solid red;
}
.child {
margin-left: auto;
margin-right: 20px; /* on définit la marge droite */
height: 100px;
width: 200px;
border: 1px solid green;
}
: