Почему "text-align: right" не работает с пустым contenteditable элементом в Firefox?

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

HTML:

<div contenteditable></div>

CSS:

div {
  text-align: right;
}

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

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

Источник

1 ответ

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

<div contenteditable>&nbsp;</div>

Мы заставляем пустое пространство в нем.

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

Источник
Другие вопросы по тегам