Penyelarasan Elemen Inline-Block ke Kanan di CSS

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

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

Задание 1

Diberikan sebuah div di dalam suatu induk:

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

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

Задание 2

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

Задание 3

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

Задание 4

Diberikan sebuah tautan di dalam suatu induk:

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

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

Задание 5

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