how to add a dollar sign through css content

Question

How can I display the "$" sign through CSS Content:" " I've tried all kinds of different codes. Putting just

div.example {Content:"$1000";}

displays on the site like "00".

Trying to do this before resorting to Javascript.

Flowage

Please show any applicable HTML as well. – Bottomry

Answer 1

.dollar:before {
    content: '$';
}

Citizenship

Modern usage is ::. From MDN, CSS3 introduced the ::before notation (with two colons) to distinguish pseudo-classes from pseudo-elements. -- developer.mozilla.org/en-US/docs/Web/CSS/::before – Casuist

Answer 2

You can use the following code for displaying the dollar sign in the CSS content property

div.example { content: "\0024"; }

Bergman

Answer 3

There isn't quite enough HTML to go on, but to take a shot:

The CSS property content is to be used with ::before and ::afterand when i put a $ inside my content declaration, everything works...

See JSfiddle here

Denman