Выравнивание строчных элементов по правому краю в 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.