Dlaczego "text-align: right" nie działa na pustym elemencie contenteditable w Firefoksie?

Question

Rozważmy następujący: (Live Demo)

HTML:

<div contenteditable></div> 

CSS:

div { 
    text-align: right; 
} 

Po kliknięciu, kursor znajduje divFirefox w lewo (wygląda text-align: right; nie ma żadnego efektu). Ale jeśli zaczniesz pisać, zacznie obowiązywać text-align: right;.

Dlaczego tak jest? Wszelkie pomysły, jak to naprawić?

Answer 1

ten może zostać osiągnięty za pomocą prostego zmianę takiego:

<div contenteditable>&nbsp;</div> 

Jesteśmy zmuszając spację w nim.

Jeśli to miejsce ma znaczenie, myślę, że masz problem. Ale mam nadzieję, że to pomaga :)