Почему в firefox не переносится текст?

Question

[Наталия]

Добрый день!
есть:

<div> 8-16 </div>
<div> 10-20 </div>

в Хроме при адаптации текст переносится (так как ширина элементов сужается):

<div> 8-
        16 
</div>
<div> 10-
          20 
</div>

в firefox при адаптации текст не переносится:

<div> 8-16 </div>
<div> 10-20 </div>

при этом ширина этих элементов остается прежней, по тексту.

Все возможные варианты, типа flex-wrap: wrap, перепробовала - лиса отказывается это воспринимать, не работает.

Comments

[Наталия]

BD_ l3ftoverZ!, делала много разных вариантов - результат один.
Просто, из-за чего именно в этом браузере не переносится текст такого плана как написанный в вопросе: 8-16, 10-20 и т.д.? текст в виде слов переносится. все норм, а текст вида 8-16 нет. В других браузерах все норм.

Answer 1

[FeST1VaL]

Вам может помочь css свойство word-break: break-all; или overflow-wrap: break-word;, но решение смутное... тк переносится будет

8-1
6