Justering af inline-blokkelementer til højre i CSS

Justerer elementet til højre:

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

Givet en div inde i en forælder:

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

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

Konverter div-barnet til et inline-blok element, og juster det derefter til højre side af forælderen.

Modificer den forrige opgave, så div'en ikke sidder helt oppe ad den højre kant. Tilføj højre padding til forælderelementet.

Modificer den forrige opgave, så div'en ikke sidder helt oppe ad den højre kant. Sæt højre margin til barnelementet.

Givet et link inde i en forælder:

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

Konverter linket til et inline-blok element, og juster det derefter til højre side af forælderen.

Modificer den forrige opgave, så teksten inde i linket er centreret i forhold til linket.