Question about p1 in css

In Dan Shafer’s book, " HTML Utopia: Designing Without Tables Using CSS", page 52 inheritance diagram he shows several p elements ie p1, p2 etc. I have not seen this before but then again I’m new. I tried using p1 as an alternate p tag. My purpose was to change the text within a paragraph to highlight a quote. In this case the quote was from the bible. it worked well. Here is the css I used:

p {
font-size: large;
font-family: Times New Roman, Times, Serif;
text-indent: 2em
}
p1 {
font-size: large;
font-family: helvectia, geneva, arial, sun-sans, sans serif;
color: black
}

The xhtml was like this <p>regular text<p1>highlighted text</p1>regular text</p>. The resut works quite well. The css validated no problem but the xhtml won’t validate. The Validator sees the <p1> as an error. What am I doing wrong? :mad:

There is no such as <p1>. In your CSS change p1 to .p1 and in your HTML change <p1> to <p class=“p1”>.

Thread moved to “CSS” forum…