Тег div для группировки тегов в HTML

В предыдущем уроке мы разобрали тег span, который позволяет как-то выделить кусочек текста. Существует также специальный тег div, который позволяет сгруппировать несколько тегов, чтобы затем сними сделать что-нибудь одновременно.

Пусть для примера с помощью тегов div мы сгруппируем абзацы:

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

Давайте элементам из первой группы назначим красный цвет, а элементам из второй группы - зеленый:

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