CSS တွင် Inline Element များကို ညာဘက်ခြမ်းသို့ ညှိခြင်း

html<div class="parent">
  <span class="child">စာသား</span>
</div>

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

Задание 1

အောက်ပါ div တစ်ခုနှင့် ၎င်းအတွင်းရှိ link တစ်ခုကို ကြည့်ပါ။

html<div class="parent">
  <a href="">link</a>
</div>

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

ထို link ကို ညာဘက်ခြမ်းသို့ ညှိပါ။

Задание 2

ယခင်တာဝန်ကို link သည် ညာဘက်အနားသို့ ကပ်မနေစေရန် ပြင်ဆင်ပါ။ ဤသို့ပြုလုပ်ရန် parent element အတွက် ညာဘက် padding ထည့်ပါ။