Poravnanje inline-blok elemenata uz desnu ivicu u CSS-u

Poravnajmo element uz desnu ivicu:

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

Dat je div unutar nekog roditelja:

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

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

Pretvorite div-potomak u inline-blok element, zatim ga poravnajte uz desnu ivicu roditelja.

Modifikujte prethodni zadatak tako da se div ne pripija uzdesno. Za ovo, roditeljskom elementu dodajte desni padding.

Modifikujte prethodni zadatak tako da se div ne pripija uzdesno. Za ovo, elementu-potomku postavite desni margin.

Data je linka unutar nekog roditelja:

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

Pretvorite linku u inline-blok element, zatim ga poravnajte uz desnu ivicu roditelja.

Modifikujte prethodni zadatak tako da tekst unutar linke bude centriran unutar te linke.