CSS - 10000 presented as 10 000?

Question

Users search for "10000" in Google

I write about loan costs and for me my positions in Google are important. I might rank at keywords like "Loan 10000".

Users like to read "10 000" in content

However for users when they read, it looks better like this: "Loan 10 000 SEK".

Number format in CSS or SEO-friendly workaround?

Is there a way in CSS we can add a space between numbers in CSS?

I don't think Google cares whether there's a space there or not. I get results with spaces, no spaces, commas and full stops when [searching for 10000](http://google.com/search?q=10000). — JJJ, Apr 26 '13 at 09:46
you can use the :after selector, although I'm not too sure how you would implement it to get the results you want in your circumstance to get. — Nicholas King, Apr 26 '13 at 09:47
Currently there is no way to format a number through CSS alone. You might just present th number formatted, because as stated above, Google will most likely read it nonetheless. — feeela, Apr 26 '13 at 09:51
Does this answer your question? [Formatting numbers (decimal places, thousands separators, localization, etc) with CSS](https://stackoverflow.com/questions/8677805/formatting-numbers-decimal-places-thousands-separators-localization-etc-wit) — Mir-Ismaili, Aug 24 '23 at 16:15

score 2 · Accepted Answer · answered Apr 26 '13 at 10:12

2

You could use a dirty SEO trick: putting plain "10000" in your page and replace it to "10 000" via javascript when it's displayed.

This way robots are more likely to index your "10000" while your users will see "10 000". I know taht your request implies CSS only, but I see no other workaround for what you want.

answered Apr 26 '13 at 10:12

monsieur_h

1,360
1
10
20

1

As there is no real solution with CSS I think this is the best alternative. Simple and even if the user has javascript disabled will at least see "10000" instead of "10 000" – Salvatorelab Apr 26 '13 at 10:16

score 2 · Answer 2 · answered Apr 26 '13 at 10:38

It is not possible in CSS without modifying markup. Using modified markup like

<span class=grp>100</span>000

you could use CSS for spacing:

.grp { padding-right: 0.2em; } /* or maybe a little smaller */

Search engines may get disturbed by inline markup so that they would not recognize this as the same as 100000 at the text level. But there does not seem to be much hard evidence on this.

I would not do this in CSS, since it is a matter cultural norms and conventions, not styling preferences. For languages that use a space as thousands separator, I would just use 10 000.

CSS - 10000 presented as 10 000?

2 Answers2