Penjajaran Elemen Sebaris-Blok ke Kanan dalam CSS

Mari jajarkan elemen ke kanan:

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

Diberikan satu div di dalam elemen induk:

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

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

Tukarkan div anak kepada elemen sebaris-blog, kemudian jajarkannya ke kanan induk.

Ubahsuai tugas sebelumnya supaya div itu tidak melekat rapat ke kanan. Untuk itu, tambahkan padding kanan kepada elemen induk.

Ubahsuai tugas sebelumnya supaya div itu tidak melekat rapat ke kanan. Untuk itu, berikan margin kanan kepada elemen anak.

Diberikan satu pautan di dalam elemen induk:

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

Tukarkan pautan kepada elemen sebaris-blog, kemudian jajarkannya ke kanan induk.

Ubahsuai tugas sebelumnya supaya teks di dalam pautan itu dijajarkan di tengah pautan tersebut.