CSS'de Satır İçi Blok Elemanlarını Sağa Hizalama

Elemanı sağ kenara hizalayalım:

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

Bir ebeveynin içinde bir div verilmiştir:

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

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

Div çocuğu bir satır içi blok elemana dönüştürün, ardından onu ebeveynin sağ kenarına hizalayın.

Önceki görevi, div'in sağ kenara sıkıca yapışmaması için değiştirin. Bunun için ebeveyn elemana sağ padding ekleyin.

Önceki görevi, div'in sağ kenara sıkıca yapışmaması için değiştirin. Bunun için çocuk elemana sağ margin koyun.

Bir ebeveynin içinde bir bağlantı verilmiştir:

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

Bağlantıyı bir satır içi blok elemana dönüştürün, ardından onu ebeveynin sağ kenarına hizalayın.

Önceki görevi, bağlantının içindeki metnin bu bağlantının ortasına hizalanmış olması için değiştirin.