CSS හි ඉදිරිපස අංග දකුණු පසට සමීකරණය කිරීම

html<div class="parent">
  <span class="child">text</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

මාපියයෙකු තුළ ඩිව් එකක් ලබා දී ඇත:

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

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

ඩිව්-පරපුර ඉදිරිපස-කුට්ටි අංගයක් බවට පරිවර්තනය කරන්න, ඉන්පසු එය මාපියයාගේ දකුණු අද්දරට සමීකරණය කරන්න.

Задание 2

කලින් කාර්යය වෙනස් කරන්න, එවිට ඩිව් එක දකුණු අද්දරට තදින් ඇලී නොසිටී. මේ සඳහා මාපිය අංගයට දකුණු padding එකතු කරන්න.

Задание 3

කලින් කාර්යය වෙනස් කරන්න, එවිට ඩිව් එක දකුණු අද්දරට තදින් ඇලී නොසිටී. මේ සඳහා පරපුර අංගයට දකුණු margin සකසන්න.

Задание 4

මාපියයෙකු තුළ සබැඳියක් ලබා දී ඇත:

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

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

සබැඳිය ඉදිරිපස-කුට්ටි අංගයක් බවට පරිවර්තනය කරන්න, ඉන්පසු එය මාපියයාගේ දකුණු අද්දරට සමීකරණය කරන්න.

Задание 5

කලින් කාර්යය වෙනස් කරන්න, එවිට සබැඳිය තුළ ඇති පෙළ එම සබැඳියේ මධ්‍යයට සමීකරණය වේ.