Таг span за части от текст в HTML

Вече знаете, че за да направите дадена част от текст, например, удебелен - трябва да използвате тага b. Однако, какво да правите, ако искате да оцветите част от текст в червен цвят? За такъв случай таг, подобен на тага b, не съществува.

Но съществува специален таг span - сам по себе си той абсолютно нищо не прави, но за него може да се приложат CSS стилове, които ще ни позволят да добавим желания ефект към част от текст.

Нека разгледаме пример. Нека имаме някакъв текст:

<p>
	This is a paragraph with text.
</p>

Нека искаме думата "text" да стане червена. За това ще обвием тази част от текст в тага span и на този таг ще дадем някакъв клас:

<p>
	This is a paragraph with <span class="red">text</span>.
</p>

Сега остава само да оцветим елемента с такъв клас в червен цвят:

.red {
	color: red;
}

Даден е следният код:

<p>
	Lorem ipsum <span class="xxx">dolor sit</span> amet.
</p>
<p>
	<span class="xxx">Lorem ipsum</span> dolor sit amet.
</p>

Направете елементите с клас xxx с размер 30px.