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.