Sətir-blok elementlərinin CSS-də sağ tərəfə düzləndirilməsi

Elementi sağ tərəfə düzləndirək:

<div class="parent">
	<span class="child">mətn</span>
</div>

.parent {
	text-align: right;
	padding: 10px 0;
	border: 1px solid red;
}
.child {
	display: inline-block;
	padding: 10px 20px;
	border: 1px solid green;
}

Müəyyən bir valideyn daxilində div verilmişdir:

<div class="parent">
	<div class="child">mətn</div>
</div>

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

Div nəslini sətir-blok elementinə çevirin, sonra onu valideynin sağ tərəfinə düzləndirin.

Əvvəlki məsələni elə dəyişin ki, div sağ kənara sıx yapışmasın. Bunun üçün valideyn elementinə sağ padding əlavə edin.

Əvvəlki məsələni elə dəyişin ki, div sağ kənara sıx yapışmasın. Bunun üçün nəslin elementinə sağ margin qoyun.

Müəyyən bir valideyn daxilində link verilmişdir:

<div class="parent">
	<a href="" class="child">mətn</a>
</div>

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

Linki sətir-blok elementinə çevirin, sonra onu valideynin sağ tərəfinə düzləndirin.

Əvvəlki məsələni elə dəyişin ki, linkin içindəki mətn həmin linkin mərkəzinə düzləndirilsin.