<p> within a <p>??

how would i replicate this in CSS:


<p>This word is coloured <font color="#FF0000">red</font> and this is black</p>


i was thinking of using something along the lines of:


<p class="1">This word is coloured <p class="2">red</p> and this is black</p>


is that right?? or is there another tag that i have to use instead?

You could use the <span> tag - or, possibly, the <strong> tag. Depends how you're going to use it.

A p element may not include other block level elements, and that includes the p tag. As for the red colour, is there any reason for you to want it to be red? If so, try to find a matching tag. If not, span is the one to use.