Rivielementtien oikeaan reunaan kohdistaminen CSS:ssä
Ja nyt kohdistetaan elementit oikeaan reunaan:
<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;
}
:
On annettu tietty div, ja sen sisällä linkki:
<div class="parent">
<a href="">linkki</a>
</div>
.parent {
padding: 10px 0;
border: 1px solid red;
}
Aseta tämä linkki oikeaan reunaan.
Muokkaa edellistä tehtävää siten, että
linkki ei painu tiukasti oikeaan reunaan.
Tätä varten lisää vanhempaelementille
oikea padding.
