using CSS to design a text recip... help!

[romeoboi]

Hey everyone-
I'm used to using css for html files by linking to the file in the head area.

however, I need to design a text recip and I want to use CSS to keep everything looking nice and branded. I've noticed when using other peoples recips that things can look fucked up... not to mention I don't know how to use the tags within an HTML document without linking to an outside css file.

um, how do I do it? is there a good tutorial?

thanks a million

[PhounTho]

I'm not an expert...

But I've used CSS in a page before, but I don't think it will work for your purposes. I'm not even sure your goal, as I understand it, is achievable. I've copied a bit of CSS (not an external file) that you place between the head tags and it affects the links on the page. The probem is, this CSS is going to affect all the links on the page unless you override the CSS. Also, no one is going to want to have to copy this CSS into their head tags just to link to you (obviously). This may give you some ideas, though. Let me know if you find a solution, I'd like to know.

<STYLE TYPE="TEXT/CSS">
<!--
A:link
{
color:#FFFFFF;
font-size:12px;
font-style:normal;
font-weight:normal;
text-decoration:none;
cursor:hand;
font-variant:normal;
}
A:visited
{
color:#FFFFFF;
font-size:12px;
font-style:normal;
font-weight:normal;
text-decoration:none;
cursor:hand;
font-variant:normal;
}
A:hover
{
color:#FFFF00;
font-size:12px;
font-style:normal;
font-weight:bold;
text-decoration:none;
cursor:hand;
font-variant:normal;
}
-->
</STYLE>

[Intrigue]

i think what your looking for is inline css, basically you just put your css code inside of a style attribute inside of the element you want to style

<div style="background-color: #FF0000; color: #FFFFFF;">this is a red div with white text</div>

hope this helps

[romeoboi]

thanks intrigue! thats what I was looking for

have a great weekend

[sincityviper]

You may already know this, but in case you dont.
The Div tag will create new lines much like the <p> tag.
Use <span> tag for changing only parts of a word or sentence.