Nested stylesheets

[Nathan Sokalski]

I am attempting to justify text that has the dropcaps effect using
stylesheets in text that contains italicized text. I have tried to do this
using two techniques:

My classes were defined as follows:

<STYLE>
.dropcaps{
font-family:Arial,Helvetica;
font-style:normal;
font-variant:normal;
font-weight:700;
font-size:40pt;
float:left;
line-height:38pt;
text-align:left;
text-indent:0;
vertical-align:text-top;
}
.body{
font-family:Arial,Helvetica;
font-style:normal;
font-variant:normal;
font-weight:normal;
font-size:8pt;
float:none;
line-height:12pt;
text-align:justify;
text-indent:0;
vertical-align:baseline;
}
</STYLE>

Technique #1:

<SPAN CLASS="dropcaps">T</SPAN>
<SPAN CLASS="body">ext text text text text text text text text </SPAN>
<SPAN CLASS="body" STYLE="font-style:italic;">italics</SPAN>
<SPAN CLASS="body"> text text text text text text text text text text text
text text text text.</SPAN>

I assumed the problem with this technique was that the span tag is closed
before the end of the end of the text is reached.

Technique #2:

<SPAN CLASS="dropcaps">T</SPAN>
<SPAN CLASS="body">ext text text text text text text text text
<I>italics</I>text text text text text text text text.</SPAN>

I had no idea what was wrong with this technique, but I wanted to use CSS to
do the italicizing anyway.

I did my testing in IE6 on Windows XP. If anyone knows why my text is not
being justified, or of some way to make it justify, I would appreciate it.
Thank You.
--
Nathan Sokalski
njsok...@hotmail.com