Uitlijning van een blokelement met linker marge in CSS
De waarde auto voor margin kan
eigenlijk niet alleen centreren.
In feite maakt deze waarde het mogelijk om de
marge automatisch te berekenen en deze maximaal
mogelijk te maken. Wanneer we auto instellen voor
de linker- en rechtermarge - wordt het element
gecentreerd.
Het is echter mogelijk om alleen de linker marge in te stellen. In dit geval krijgt het element een maximaal mogelijke linker marge en neemt het de uiterst rechtse positie in:
<div class="parent">
<div class="child"></div>
</div>
.parent {
padding: 10px 0;
border: 1px solid red;
}
.child {
margin-left: auto; /* stellen automatische linker marge in */
height: 100px;
width: 200px;
border: 1px solid green;
}
:
