Как из 1234 сделать 1 234 в css или html?

Типа так

<span style="..">1</span><span style="..">234</span>

а просто нельзя, например так

<span style="bubu">1234</span>

?

Ну есть first-letter.. Но тогда не получится 10 234. А это ж наверняка надо будет(?)

Но мб кто-то ещё что подскажет.

в том то и дело, что надо 123 456 789 - и это не предел

Предложение подобного форматирования есть давно, но в стандарт не включено https://wiki.csswg.org/ideas/content-formatting

К сожалению, нет и выделения n-го символа https://css-tricks.com/a-call-for-nth-everything/

Поэтому сейчас никак в css этого не сделать без скриптов.

P.S. Если страница генерируется динамически, то проще на сервере сразу форматировать, иначе небольшой кусок на javascript (можно и без дополнительных библиотек).

а есть простое решение? то, что с ходу нашёл, не рабочее :(

Вставку пробелов в строку выполняет регулярное выражение. Вот пример на Javascript для обработки всех элементов с классом "n".

<span class='n'>12345678</span>

<br>

<span class='n'>1234567891234567</span>



<script>

var x = document.getElementsByClassName('n');

for (var i = 0; i < x.length; i++) {

    x.innerHTML = x.innerHTML.replace(/\B(?=(\d{3})+(?!\d))/g, " ");

}

</script>

в IE не работает смотреть в IE :(

Klopopryg, в хроме пашет, но вот есть косячок:

Этот код отлично работает с IE9+.

Так как на странице уже используете jQuery, то можно поменять всё с его помощью:

$(".price").each(function( index ) {

	$(this).html($(this).html().replace(/\B(?=(\d{3})+(?!\d))/g, " "));

});

Либо используйте ручную реализацию getElementsByClassName, например, отсюда