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="">リンク</a>
</div>

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

このリンクを右側に揃えてください。

Задание 2

前のタスクを修正して、リンクが右端にぴったりくっつかないようにしてください。そのためには、親要素に右側のpaddingを追加します。