CSS-da display xususiyati bilan ishlash

Barcha teglar ma'lum bir blok modeliga tegishli ekanligini allaqachon bilasiz. Agar xohlasangiz, display xususiyatidan foydalanib modelni o'zgartirishingiz mumkin. Ushbu xususiyatning block qiymatidan foydalanib, elementni blok qilish mumkin va inline qiymatidan foydalanib, uni inline qilish mumkin.

Keling, span teglarini blok elementlari kabi qilaylik:

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

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

Keling, div teglarini inline kabi qilaylik:

<div>text</div>
<div>text</div>
<div>text</div>

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