HTML elemento span teksto dalims

Jūs jau žinote, kad norint padaryti tam tikrą teksto dalį, pavyzdžiui, paryškintą - reikia naudoti tagą b. Tačiau, ką daryti, jei aš noriu nuspalvinti teksto dalį raudona spalva? Tokiu atveju tago, panašaus į tagą b, nėra.

Tačiau yra specialus tagas span - pats savaime jis absoliučiai nieko nedaro, bet jam galima pritaikyti CSS stilius, kurie leis mums pridėti norimą efektą prie teksto dalies.

Pažiūrėkime pavyzdžiu. Tarkime, mes turime koks nors tekstas:

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

Tarkime, mes norime žodį "text" padaryti raudoną. Tam apgaubkime šią teksto dalį tagu span ir šiam tagui suteikime kokių nors klasių:

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

O dabar nuspalvinkime elementą su tokia klase raudona spalva:

.red {
	color: red;
}

Duotas sekantis kodas:

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

Padarykite elementus su klase xxx dydžiu 30px.