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

Hãy căn phải một phần tử:

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

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

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

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

.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.

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.

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.

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

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

.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.

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 đó.