Остановить абсолютно позиционированное ::before содержимое, чтобы не допустить разрыва строки. ⇐ CSS

[Anonymous]

В этом фрагменте цифра 5 появляется на полях слева от слова «incididunt», а внутри слова появляется синяя отметка, как это необходимо.
Но если окно имеет правильную ширину, слово разбивается на две строки у синей отметки.
Используя только CSS (без переноса слова в новый диапазон), могу ли я сохранить слово «incididunt» вместе и не допустить разрыва строки?
Я попробовал добавить white-space:nowrap в .note и в .note::before. Ни то, ни другое не помогло. Я вижу несколько связанных вопросов по SO, но все они сложнее и без решений.

Код: Выделить всё

body {margin-left:30px; position:relative}

.note {
border-left:2px solid blue;
}
.note::before {
content:"5";
position:absolute;
left:-25px;
}

Код: Выделить всё

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt

Подробнее здесь: https://stackoverflow.com/questions/784 ... line-break