Căn chỉnh các phần tử inline sang phải trong CSS
Bây giờ hãy cùng căn phải các phần tử:
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
Cho một thẻ div, bên trong có một liên kết:
html<div class="parent">
<a href="">liên kết</a>
</div>css.parent {
padding: 10px 0;
border: 1px solid red;
}
Hãy đặt liên kết này sang bên phải.
Задание 2
Hãy sửa đổi bài toán trước sao cho
liên kết không bị dính sát vào mép phải.
Để làm điều này, hãy thêm padding
bên phải cho phần tử cha.