Выраўноўванне радковых элементаў па правым краі ў CSS
А цяпер давайце выраўнуем элементы па правым краі:
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
Дадзены некаторы дыў, а ў ім спасылка:
html<div class="parent">
<a href="">спасылка</a>
</div>css.parent {
padding: 10px 0;
border: 1px solid red;
}
Пастаўце гэтую спасылку па правым краі.
Задание 2
Мадыфікуйце папярэднюю задачу так, каб
спасылка не прыціскалася шчыльна да правага краю.
Для гэтага бацькоўскаму элементу дадайце
правы padding.