Почему «text-align: right» не работает с пустым содержимым в Firefox?

Question

Рассмотрим следующий пример: (Live Demo)

HTML:

<div contenteditable></div> 

CSS:

div { 
    text-align: right; 
} 

При нажатии divв Firefox, курсор находится слева (выглядит как text-align: right; не влияет). Но, если вы начнете вводить текст, начинает действовать эффект text-align: right;.

Почему? Любые идеи, как это исправить?

Answer 1

Это может быть достигнуто с помощью простого изменения, как это:

<div contenteditable>&nbsp;</div> 

Мы вынудив пустое пространство в нем.

Хорошо, если пространство имеет значение, я думаю, что у вас есть проблема. Но я надеюсь, что это поможет :)