CSSでのインライン要素の右揃え
では、要素を右側に揃えてみましょう：
<div class="parent">
<span class="child">text</span>
</div>
.parent {
text-align: right;
padding: 10px 0;
border: 1px solid red;
}
.child {
border: 1px solid green;
}
:
あるdivとその中にリンクがあります：
<div class="parent">
<a href="">リンク</a>
</div>
.parent {
padding: 10px 0;
border: 1px solid red;
}
このリンクを右側に揃えてください。
前のタスクを修正して、リンクが右端にぴったりくっつかないようにしてください。
そのためには、親要素に右側のpaddingを追加します。
