Στοίχιση ενσωματωμένων στοιχείων στη δεξιά πλευρά στο 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.