Запретить семантически разрывы строк перед знаками препинания в HTML в CSS? [закрыто] ⇐ CSS

[Anonymous]

Я хочу элегантно избежать разрыва строки перед закрывающей точкой с помощью семантического кода.

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

ALP. This results in extracellular…

— который иногда отображается с точкой на следующей строке—

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

overloading the UPS and ALP
. This results in extrace…

Одним из возможных решений было бы заключить ABBR в SPAN с пробелами: nowrap:

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

ALP.

— но для этого каждый случай «концевого тега, за которым следует знак препинания» добавил бы несемантический беспорядок и раздул бы весь очень большой документ, а также утомил бы обслуживание кода. Это несемантический, уродливый клудж. Я не хочу менять разметку. Должен быть способ сделать это только с помощью CSS.
Проблема вызвана сгенерированным контентом:

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

abbr[title]::after, dfn[title]::after {
position: absolute;
content: ' ';
opacity: 0;
}

"Для веб-совместимости существует возможность мягкой переноски до и после каждого заменяемого элемента..."
https://drafts.csswg.org/css-text-4/ #atomic-compat-wrap
Как правильно сделать так, чтобы знаки препинания сразу после конечного тега располагались в той же строке, что и его предыдущее слово?

Подробнее здесь: https://stackoverflow.com/questions/791 ... lly-in-css