I am sure I am missing something painfully obvious here, but since I am new to CSS, that would not surprise me. In CSS referenced from an XHTML page I have the following paragraph definition:
pnum{
display:list-item;
list-style-type:decimal;
list-style-position:outside;
font-style:normal;
font-weight:normal;
font-size:12pt;
color:#000000;
margin-left:.25in;
margin-right:.25in;
margin-top:.5em;
}
In Chrome it displays perfectly, each paragraph has an incremented number. In Firefox all numbers are "0". I played also with a named counter and used:
pnum:before{
content:counter(para-counter,decimal);
}
but that defeated "list-style-position: outside", and counters were embedded into paragraph text. How can I increment the counter so that it looks in Firefox the same as in Chrome?
What am I missing (besides a subforum for stark beginners
)?