Eilutinių-blokinių elementų lygiavimas iš dešinės CSS

Išlygiuokime elementą iš dešinės:

<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;
}

Duotas div'as kažkokio viduje:

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

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

Paverskite div'ą-palikuonį į eilutinį-blokinį elementą, tada išlygiuokite jį iš dešinės tėvo.

Modifikuokite ankstesnį uždavinį taip, kad div'as nebūtų prigludęs prie dešiniojo krašto. Tam tėviniam elementui pridėkite dešinįjį padding.

Modifikuokite ankstesnį uždavinį taip, kad div'as nebūtų prigludęs prie dešiniojo krašto. Tam elementui-palikuoniui nustatykite dešinįjį margin.

Duota nuoroda kažkokio viduje:

<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;
}

Paverskite nuorodą į eilutinį-blokinį elementą, tada išlygiuokite jį iš dešinės tėvo.

Modifikuokite ankstesnį uždavinį taip, kad tekstas nuorodos viduje būtų išlygiuotas į centrą šios nuorodos.