Выраўноўванне буйна-блачных элементаў па правым краі ў CSS

Выраўнуем элемент па правым краі:

<div class="parent">
	<span class="child">text</span>
</div>

.parent {
	text-align: right;
	padding: 10px 0;
	border: 1px solid red;
}
.child {
	display: inline-block;
	padding: 10px 20px;
	border: 1px solid green;
}

Дадзены дыў унутры некаторага бацькі:

<div class="parent">
	<div class="child">text</div>
</div>

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

Пераўтварыце дыў-нашчадак у буйна-блачны элемент, затым выраўнуйце яго па правым краі бацькі.

Мадыфікуйце папярэднюю задачу так, каб дыў не прыціскаўся шчыльна да правага краю. Для гэтага бацькоўскаму элементу дадайце правы padding.

Мадыфікуйце папярэднюю задачу так, каб дыў не прыціскаўся шчыльна да правага краю. Для гэтага элементу-нашчадку пастаўце правы margin.

Дадзена спасылка ўнутры некаторага бацькі:

<div class="parent">
	<a href="" class="child">text</a>
</div>

.parent {
	padding: 10px 0;
	border: 1px solid red;
}
.child {
	width: 100px;
	padding: 10px;
	border: 1px solid green;
}

Пераўтварыце спасылку ў буйна-блачны элемент, затым выраўнуйце яго па правым краі бацькі.

Мадыфікуйце папярэднюю задачу так, каб тэкст унутры спасылкі быў выраўнаваны па цэнтры гэтай спасылкі.