Inline-elementen rechts uitlijnen in CSS
Laten we nu de elementen rechts uitlijnen:
<div class="parent">
<span class="child">text</span>
</div>
.parent {
text-align: right;
padding: 10px 0;
border: 1px solid red;
}
.child {
border: 1px solid green;
}
:
Er is een div, en daarin een link:
<div class="parent">
<a href="">link</a>
</div>
.parent {
padding: 10px 0;
border: 1px solid red;
}
Plaats deze link aan de rechterkant.
Pas de vorige taak aan zodat
de link niet strak tegen de rechterkant aan zit.
Voeg hiervoor rechts padding toe aan het
ouderelement.
