Как контролировать, какие пробелы в строке элемента связаны с [дубликатом] ⇐ CSS

[Anonymous]

На моем статически сгенерированном сайте есть список ссылок с пояснениями в скобках, например

• Вот ссылка (и еще несколько пояснений) .

Когда я запускаю форматировщик кода для исходного HTML, он выглядит примерно так, как первый пример в приведенном ниже коде: В начале строки есть разрыв строки. конец текста ссылки. К сожалению, это приводит к тому, что с текстом ссылки будут ассоциироваться пробелы, а не элемент , содержащий объяснение в скобках.
В результате подчеркивание, обозначающее ссылку, расширяется. над пространством, что выглядит плохо. Во второй ссылке я исправляю эту проблему, изменяя исходный код так, чтобы перед не было разрыва строки, но это приводит к несогласованному форматированию кода и его легко сломать, если я забуду отключить форматирование в своем файле. IDE. Вот скриншот Firefox 130.0.1:


А вот источник:

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

[url=https://example.com]
This link looks weird because the whitespace is associated with it
[/url]

(explanation)


[url=https://example.com]
This link looks as desired, but only because of how I formatted the
source HTML[/url]

(explanation)

Есть ли способ удалить пробелы из тега , который устойчив к форматированию HTML, например. используете CSS?

Изменить: этот пост был помечен как дубликат «Обрезать пробелы» в ссылке с CSS. Однако общепринятый ответ на этот вопрос, заключающийся в стилизации элемента с помощью display: inline-block, не решает проблему, поскольку заставляет браузер пытаться сохранить строки текста в ссылке вместе, как на следующем снимке экрана:


(Вопрос также относится к 2016 году, и с тех пор CSS значительно расширился.)
Другие предлагаемые решения — повозиться с правое поле абзаца, что является хакерским подходом (требуется визуальное сопоставление поля с размером пробела в шрифте, который сам по себе может варьироваться в зависимости от настроек пользователя), и не форматировать мой код (что это основная цель вопроса).
Я также откатил редактирование, которое добавляло код вокруг моего кода, нарушая при этом стиль отступов.

Подробнее здесь: https://stackoverflow.com/questions/790 ... iated-with