How do you have different font colors on a DIV layout?, I have a div, and I want some text purple and some text blue. Options

[Kirikireii]

I just made a DIV layout, and I don't know how to make some of the font blue and some of the font purple.

I've tried

CODE

<div class="box" style="position: absolute; left:660px; top:220px; width:287px; height:14px; overflow: auto;">
text. </font>
</div>

and

CODE

<font color=000000> text here. </font>

But neither work.

The only way I can change the font is in the code where it shows this:

CODE

textarea {width:375px; height:35px;}
textarea, .text, td, font, a, body, table, td, li, p, div, br {color:592FFF; font-size:9px; font-family: verdana;}
a:link, a:visited { color: 0072CF; font-size: 9px; text-transform: lowercase; font-family: century gothic; position: fixed;}
a:hover {font-size: 9px; font-family: tahoma; color: 1F9AFF;}

^ Stuff like that.
But that changes everything.
How do I get some of my text on the DIV one color, and the other another color [regular text, not links or whatever.]


Thanks.

Reason for edit: Codebox tags. - Cristy

[Jghelfi]

try,

CODE

<div class="box" style="position: absolute; left:660px; top:220px; width:287px; height:14px; overflow: auto;">
<font-color:"COLOR">text.</font>
</div>

[fixtatik]

try,

CODE

<div class="box" style="position: absolute; left:660px; top:220px; width:287px; height:14px; overflow: auto;">
<font-color:"COLOR">text.</font>
</div>

<font-color:""> isn't an HTML tag, so that won't work.

to kirikireii, i'd say simply assign classes to the lines you want to be a separate color, like so (between your <style> tags):

CODE

.blue { color:blue; }
.purple { color:purple; }

and in your div:

CODE

<div>
  <span class="blue">this is blue text.</span>
  <span class="purple">this is purple text.</span>
</div>