Таг 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.