CSS හි ඉදිරිපස අංග දකුණු පසට සමීකරණය කිරීම

අංගය දකුණු පසට සමීකරණය කරමු:

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

මාපියයෙකු තුළ ඩිව් එකක් ලබා දී ඇත:

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

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

ඩිව්-පරපුර ඉදිරිපස-කුට්ටි අංගයක් බවට පරිවර්තනය කරන්න, ඉන්පසු එය මාපියයාගේ දකුණු අද්දරට සමීකරණය කරන්න.

කලින් කාර්යය වෙනස් කරන්න, එවිට ඩිව් එක දකුණු අද්දරට තදින් ඇලී නොසිටී. මේ සඳහා මාපිය අංගයට දකුණු padding එකතු කරන්න.

කලින් කාර්යය වෙනස් කරන්න, එවිට ඩිව් එක දකුණු අද්දරට තදින් ඇලී නොසිටී. මේ සඳහා පරපුර අංගයට දකුණු margin සකසන්න.

මාපියයෙකු තුළ සබැඳියක් ලබා දී ඇත:

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

සබැඳිය ඉදිරිපස-කුට්ටි අංගයක් බවට පරිවර්තනය කරන්න, ඉන්පසු එය මාපියයාගේ දකුණු අද්දරට සමීකරණය කරන්න.

කලින් කාර්යය වෙනස් කරන්න, එවිට සබැඳිය තුළ ඇති පෙළ එම සබැඳියේ මධ්‍යයට සමීකරණය වේ.