Căn chỉnh các phần tử nội tuyến-khối theo cạnh phải trong CSS

html<div class="parent">
  <span class="child">text</span>
</div>

css.parent {
  text-align: right;
  padding: 10px 0;
  border: 1px solid red;
}
.child {
  display: inline-block;
  padding: 10px 20px;
  border: 1px solid green;
}

Задание 1

Cho một thẻ div bên trong một phần tử cha nào đó:

html<div class="parent">
  <div class="child">text</div>
</div>

css.parent {
  padding: 10px 0;
  border: 1px solid red;
}
.child {
  padding: 10px;
  border: 1px solid green;
}

Chuyển đổi phần tử div con thành phần tử nội tuyến-khối, sau đó căn chỉnh nó theo cạnh phải của phần tử cha.

Задание 2

Sửa đổi bài toán trước sao cho thẻ div không bám sát vào cạnh phải. Để làm điều này, hãy thêm padding bên phải cho phần tử cha.

Задание 3

Sửa đổi bài toán trước sao cho thẻ div không bám sát vào cạnh phải. Để làm điều này, hãy đặt margin bên phải cho phần tử con.

Задание 4

Cho một liên kết bên trong một phần tử cha nào đó:

html<div class="parent">
  <a href="" class="child">text</a>
</div>

css.parent {
  padding: 10px 0;
  border: 1px solid red;
}
.child {
  width: 100px;
  padding: 10px;
  border: 1px solid green;
}

Chuyển đổi liên kết thành phần tử nội tuyến-khối, sau đó căn chỉnh nó theo cạnh phải của phần tử cha.

Задание 5

Sửa đổi bài toán trước sao cho văn bản bên trong liên kết được căn giữa liên kết đó.