HTMLでのテキストの一部分に対するspanタグ

テキストの一部分を、例えば太字にするにはタグ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にしてください。