Inline-bloka elementu izlīdzināšana pa labo malu CSS

Izlīdzināsim elementu pa labo malu:

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

Dots div kāda vecāka iekšienē:

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

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

Pārveidojiet div-pēcteci par inline-bloka elementu, tad izlīdziniet to pa vecāka labo malu.

Modificējiet iepriekšējo uzdevumu tā, lai div netiktu cieši piespiests pie labā mala. Lai to izdarītu, vecāka elementam pievienojiet labo padding.

Modificējiet iepriekšējo uzdevumu tā, lai div netiktu cieši piespiests pie labā mala. Lai to izdarītu, elementam-pēctecim iestatiet labo margin.

Dota saite kāda vecāka iekšienē:

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

Pārveidojiet saiti par inline-bloka elementu, tad izlīdziniet to pa vecāka labo malu.

Modificējiet iepriekšējo uzdevumu tā, lai teksts saites iekšienē būtu izlīdzināts pa šīs saites centru.