Penyelarasan Elemen Inline-Block ke Kanan di CSS

Mari selaraskan elemen ke kanan:

<div class="parent">
	<span class="child">teks</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 sebuah div di dalam suatu induk:

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

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

Ubah div anak tersebut menjadi elemen inline-block, kemudian selaraskan ke kanan induknya.

Modifikasi tugas sebelumnya agar div tidak menempel rapat ke kanan. Untuk ini, tambahkan padding kanan pada elemen induk.

Modifikasi tugas sebelumnya agar div tidak menempel rapat ke kanan. Untuk ini, berikan margin kanan pada elemen anak.

Diberikan sebuah tautan di dalam suatu induk:

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

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

Ubah tautan tersebut menjadi elemen inline-block, kemudian selaraskan ke kanan induknya.

Modifikasi tugas sebelumnya agar teks di dalam tautan tersebut rata tengah di dalam tautan itu.