CSS හි අභ්‍යන්තර අංග දකුණට පෙළගැස්වීම

දැන් අපි අංග දකුණු අද්දට පෙළගසමු:

html<div class="parent">
  <span class="child">text</span>
</div>
css.parent {
  text-align: right;
  padding: 10px 0;
  border: 1px solid red;
}
.child {
  border: 1px solid green;
}

Результат:

Задание 1

නිශ්චිත div එකක් සහ එහි සබැඳියක් ඇත:

html<div class="parent">
  <a href="">link</a>
</div>
css.parent {
  padding: 10px 0;
  border: 1px solid red;
}

මෙම සබැඳිය දකුණු අද්දට තබන්න.

Задание 2

සබැඳිය දකුණු අද්දට ගැනීමෙන් වැළකී සිටින පරිදි පෙර කාර්යය වෙනස් කරන්න. මේ සඳහා, ප්‍රධාන අංගයට දකුණු padding එකතු කරන්න.