Alinierea unui element bloc cu indentare în stânga în CSS
Valoarea auto pentru margin
de fapt nu poate doar centra.
În esență, această valoare permite calcularea
indentării automat și o face maxim
posibilă. Când setăm auto pentru
indentarea stângă și dreaptă - elementul
se centrează.
Se poate, totuși, seta doar indentarea stângă. În acest caz, elementul va primi indentarea maximă posibilă în stânga și va ocupa poziția extremă dreaptă:
<div class="parent">
<div class="child"></div>
</div>
.parent {
padding: 10px 0;
border: 1px solid red;
}
.child {
margin-left: auto; /* setăm indentarea stângă automată */
height: 100px;
width: 200px;
border: 1px solid green;
}
: