რამდენიმე თანმიმდევრული ხაზობლოკური ელემენტი CSS-ში

თუ რამდენიმე ხაზობლოკურ ელემენტს განავლაგებთ თანმიმდევრულად, ისინი განლაგდებიან ზედიზედ, ხაზოვანი ელემენტების მსგავსად:

<span>text</span>
<span>text</span>
<span>text</span>

span {
	width: 100px;
	height: 100px;
	margin-bottom: 20px;
	border: 1px solid red;
	display: inline-block;
}

მოცემულია დივები:

<div class="elem">text</div>
<div class="elem">text</div>
<div class="elem">text</div>

div {
	width: 100px;
	height: 100px;
	border: 1px solid red;
}

დაალაგეთ ეს დივები ზედიზედ, გარდაქმენით ისინი ხაზობლოკურ ელემენტებად.