Ausrichtung von Inline-Elementen am rechten Rand in CSS

Lassen Sie uns nun die Elemente am rechten Rand ausrichten:

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

Gegeben ist ein div, und darin ein Link:

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

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

Richten Sie diesen Link am rechten Rand aus.

Задание 2

Modifizieren Sie die vorherige Aufgabe so, dass der Link nicht direkt am rechten Rand anliegt. Fügen Sie dazu dem Elternelement ein rechtes padding hinzu.