Ausrichtung eines Blockelements mit rechtem Abstand in CSS
Bei Bedarf kann auch ein rechter Abstand festgelegt werden, und das Element wird nicht direkt an den rechten Rand gedrückt, sondern wird von ihm abgerückt:
<div class="parent">
<div class="child"></div>
</div>
.parent {
padding: 10px 0;
border: 1px solid red;
}
.child {
margin-left: auto;
margin-right: 20px; /* rechten Abstand festlegen */
height: 100px;
width: 200px;
border: 1px solid green;
}
: