Poravnanje inline elemenata po desnoj ivici u CSS
A sada da poravnamo elemente po desnoj ivici:
html<div class="parent">
<span class="child">text</span>
</div>css.parent {
text-align: right;
padding: 10px 0;
border: 1px solid red;
}
.child {
border: 1px solid green;
}
Результат:
Задание 1
Dat je neki div, a u njemu link:
html<div class="parent">
<a href="">link</a>
</div>css.parent {
padding: 10px 0;
border: 1px solid red;
}
Postavite ovaj link po desnoj ivici.
Задание 2
Modifikujte prethodni zadatak tako da se
link ne pritisne uzdužno uz desnu ivicu.
Za ovo, roditeljskom elementu dodajte
desni padding.