Chamging Text in CSS

[gener672]

CSS Question: Using CSS, I coded this line:

1. Richards J, Rodan I, Elston T, et al: 2000 Report of the American Association of Feline Practitioners and Academy of Feline Medicine Advisory Panel on Feline Vaccines,
Nashville, TN.

... the following way:
<ol class="reflist">
<li class="reflist">
<p class="refp">Richards J, Rodan I, Elston T, et al:</p><p class="refital">2000 Report of the American
Association of Feline Practitioners and Academy of Feline Medicine Advisory
Panel on Feline Vaccines,</p><p class="refp">Nashville, TN.</p></li>
</ol>

The CSS code is:
...
ol.reflist {
font-weight: bold;
text-decoration: none;
text-align: left;
margin-bottom: 30px;
list-style: decimal outside;
}
li.reflist {
font-weight: bold;
text-align: left;
margin: 0px 0px 10px;
list-style: decimal outside;
}
p {
margin: 10px;
padding: 0;
font-weight: bold;
font-size: 120%;
text-align: center;
}
p.refp {
font-weight: bold;
text-align: justify;
margin: 0;
}
p.refital {
font-style: italic;
font-weight: bold;
text-align: justify;
margin: 0px;
}
....

I'm probably doing it the hard way (at least I hope so) because the resulting markup seems too complex.

Can someone point out my mistakes?

[Banfa]

what is wrong with

[html]
<ol class="reflist">
<li>
Richards J, Rodan I, Elston T, et al:<em>2000 Report of the American
Association of Feline Practitioners and Academy of Feline Medicine
Advisory Panel on Feline Vaccines,</em>Nashville, TN.
</li>
</ol>
[/html]

The CSS code
[html]
ol.reflist {
font-weight: bold;
text-decoration: none;
text-align: left;
margin-bottom: 30px;
list-style: decimal outside;
}
ol.reflist li {
font-weight: bold;
text-align: left;
margin: 0px 0px 10px;
padding: 10px;
list-style: decimal outside;
font-size: 120%;
text-align: justify;
}
[/html]

[gener672]

Thank you Banfa ... knew I was trying to make mountain ...