Apologies if this is not the correct qroup in which to ask this
question, but here goes.....

On a page I had two words on one line of text that displayed as
different sizes, thus:

<div id="heading">
<h1 align="left">WORDONE<font color="#000000"><em><font
size="3">....WORDTWO</font></em></font></font></h1>
</div>

and the css was:

#heading {
LEFT: 0px; POSITION: relative; TOP: 0px
}
#heading H1 {
PADDING-RIGHT: 10px; BORDER-TOP: #006 2px solid; PADDING-LEFT:
10px; FONT-SIZE: 30px; BACKGROUND: #cc99ff; PADDING-BOTTOM: 5px;
MARGIN: 25px 0px; COLOR: #000000; PADDING-TOP: 5px; BORDER-BOTTOM:
#006 2px solid

This would not validate under 4.01 strict due to the use of 'color'
and 'size'.

It's now tidied up and validates, but I can't figure a way to get the
two words to display as different sizes without using the unsupported
elements.

Would creating a new new div [#heading2] and positioning that relative
to #heading be the way to go?

Cheers



--

Macie