What is the best way to display a price with a smaller $ sign on the left using CSS?

css, html, sign

Solution

Could be something like this?

HTML:

<span class="dollar">300.00</span>

CSS:

.dollar:before {
    content: '$';
    font-size: somethingSmaller;
}

See this fiddle and let me know if this helps.

Problem

I need to display ex: $300.00, but I need the dollar sign to be displayed smaller than the number so its going to look like a trademark, but not that small. Is there a CSS function that does that? Thank you in advance.

Original source