Почему ширина моноширинного шрифта меняется после того, как он разделен встроенным элементом [закрыто] ⇐ CSS

[Anonymous]

Мне нужно вырезать текст с помощью некоторых разделителей слов, но я обнаружил, что после переноса элемента с помощью встроенных тегов ширина меняется.
Вы можете просмотреть образец в codeandbox >
рис.1
рис.2
https://codesandbox.io/p/sandbox/testxx-xkr3px
как сделать так, чтобы ширина не менялась

Подробнее здесь: https://stackoverflow.com/questions/781 ... ine-elemen