(Hopefully) simple CSS question!

[Sitara Lal]

Hi,

I'm trying to define the appearance of some text (lorem ipsum) with this
simple inline CSS tag:

<font face="Verdana" size="2" font weight="bold" color="#FF0000">lorem
ipsum - any text here

Everything works fine except the bold face! I have tried lots of variations
(e.g. font-weight, font weight: bold, font weight="bolder" etc.) but I just
cannot seem to get the text to display in bold. I have tried using other
font faces (e.g. Arial, Courier) but the font remains stubbornly normal!

Any ideas as to how I can fix this?

Thanks

 

[Murray]

You have used improper syntax. Try this -

<font face="Verdana" size="2" style="font-weight:bold;" color="#FF0000">

Or even better -

<span style="font-family:verdana, helvetica, sans-serif; font-size:small;
font-weight:bold; color:#F00;">lorem</span>

Or even better, use this in an embedded (or linked) stylesheet -

p.mystyle {
font-family:verdana, helvetica, sans-serif;
font-size:small;
font-weight:bold;
color:#F00;
}

and then this -

<p class="mystyle">lorem</p>