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ử:
<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;
}
:
Cho một thẻ div, bên trong có một liên kết:
<div class="parent">
<a href="">liên kết</a>
</div>
.parent {
padding: 10px 0;
border: 1px solid red;
}
Hãy đặt liên kết này sang bên phải.
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.
