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.

Please show any applicable HTML as well. – Sumner Evans May 02 '15 at 01:17 — Sumner Evans, May 02 '15 at 01:17

score 16 · Answer 1 · answered May 02 '15 at 01:16

16

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

answered May 02 '15 at 01:16

1

Modern usage is `::`. From MDN, *CSS3 introduced the `::before` notation (with two colons) to distinguish **pseudo-classes** from **pseudo-elements**.* -- https://developer.mozilla.org/en-US/docs/Web/CSS/::before – Dem Pilafian Dec 28 '18 at 02:12

score 1 · Answer 2 · edited Jun 12 '15 at 07:31

1

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

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

edited Jun 12 '15 at 07:31

Reg

answered Jun 12 '15 at 06:42

shubham jain

score 0 · Answer 3 · answered May 02 '15 at 01:58

0

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...

answered May 02 '15 at 01:58

Brian John

3 Answers3