Alinhamento de elemento de bloco com margem direita em CSS
Se necessário, você pode definir uma margem direita e o elemento não ficará colado à borda direita, mas sim afastado dela:
<div class="parent">
<div class="child"></div>
</div>
.parent {
padding: 10px 0;
border: 1px solid red;
}
.child {
margin-left: auto;
margin-right: 20px; /* define a margem direita */
height: 100px;
width: 200px;
border: 1px solid green;
}
:
