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