การจัดตำแหน่งองค์ประกอบ inline ตามขอบขวาใน CSS

ตอนนี้เรามาจัดตำแหน่งองค์ประกอบตามขอบขวา:

<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;
}

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

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

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

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

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