სტრიქონულ-ბლოკური ელემენტების მარჯვენა კიდეზე გასწორება 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 გარკვეული მშობელის შიგნით:

<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-შვილი სტრიქონულ-ბლოკურ ელემენტად, შემდეგ კი გაუსწორეთ იგი მშობელის მარჯვენა კიდეზე.

შეცვალეთ წინა ამოცანა ისე, რომ div მჭიდროდ არ იყოს მიბმული მარჯვენა კიდესთან. ამისთვის მშობელ ელემენტს დაამატეთ მარჯვენა padding.

შეცვალეთ წინა ამოცანა ისე, რომ div მჭიდროდ არ იყოს მიბმული მარჯვენა კიდესთან. ამისთვის ელემენტ-შვილს მიუთითეთ მარჯვენა 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;
}

გადააქციეთ ბმული სტრიქონულ-ბლოკურ ელემენტად, შემდეგ კი გაუსწორეთ იგი მშობელის მარჯვენა კიდეზე.

შეცვალეთ წინა ამოცანა ისე, რომ ტექსტი ბმულის შიგნით იყოს გასწორებული ამ ბმულის ცენტრში.