HTML-dagi teglarni guruhlash uchun div tegi

Oldingi darsda biz matn qismini ajratib ko'rsatish imkonini beruvchi span tegini o'rgandik. Bundan tashqari, bir nechta teglarni guruhlash va ular bilan qandaydir amal bajarish imkonini beradigan div tegi mavjud.

Masalan, div teglari yordamida paragraflarni guruhlaymiz.

<div class="block1">
	<p>
		text
	</p>
	<p>
		text
	</p>
</div>
<div class="block2">
	<p>
		text
	</p>
	<p>
		text
	</p>
</div>

Birinchi guruh elementlariga qizil rang, ikkinchi guruh elementlariga yashil rang beramiz.

.block1 {
	color: red;
}
.block2 {
	color: green;
}