Շարքային տարրերի աջեզրումը CSS-ում
Այժմ եկեք աջեզրենք տարրերը․
html<div class="parent">
<span class="child">տեքստ</span>
</div>css.parent {
text-align: right;
padding: 10px 0;
border: 1px solid red;
}
.child {
border: 1px solid green;
}
Результат:
Задание 1
Տրված է որոշակի դիվ, և նրա մեջ՝ հղում․
html<div class="parent">
<a href="">հղում</a>
</div>css.parent {
padding: 10px 0;
border: 1px solid red;
}
Դրեք այս հղումը աջ եզրին։
Задание 2
Փոփոխեք նախորդ առաջադրանքն այնպես, որ
հղումը խիտ չսեղմվի աջ եզրին։
Դրա համար ծնողական տարրին ավելացրեք
աջ padding։