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