How to use css to create different sized letters on the same line?

[eBagGuy]

How can one change font sizes one a single line using CSS? For example, a p definition is set like: p.big30 { font-size: 30px;font-family:"Comic Sans MS",Arial;font-weight:bold;line-height:85%;margin-top: 4px;margin-bottom: 8px;color: red;} and when I use it, like: <p class="big30">only $3.00 each</p> And the words 'only' and 'each' should be 1/2 half the size of '$3.00'. How can CSS do this? I can do it with the html font tag easily.

Edited April 24, 2012 by eBagGuy

[Ingolme]

Surround the text that you want larger with <span> tags and apply a different font-size property.

[eTianbun]

Surround the text that you want larger with <span>; tags and apply a different font-size property.

EXAMPLE

/*CSS*/.big40{font-size:40px}<!--HTML--><span Class="big40">BIG text goes here!</span>

Edited April 24, 2012 by eTianbun

[eBagGuy]

Thank you both! That works for me!