การจัดตำแหน่งองค์ประกอบ inline ตามขอบขวาใน 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

มี div หนึ่งและภายในมีลิงก์:

html<div class="parent">
  <a href="">ลิงก์</a>
</div>

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

จัดตำแหน่งลิงก์นี้ให้อยู่ชิดขอบขวา

Задание 2

แก้ไขโจทย์ก่อนหน้าเพื่อให้ลิงก์ไม่ได้ชิดขอบขวาแน่นเกินไป สำหรับการนี้ ให้เพิ่ม padding ด้านขวาให้กับองค์ประกอบแม่