Тег привязки не меняет строку; вместо этого выходит за пределы экрана/контейнера ⇐ CSS

[Anonymous]

У меня есть якорные теги «живущие своей жизнью», так сказать.
Они выглядят так:

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

[url=https://...]loooooooooooooooooooooooooooooooooooooooong URL[/url]
 

Когда содержимое привязки (между тегами) длиннее ширины контейнера, вместо разрыва строки, как в обычном абзаце, оно просто продолжается на том же уровне. линия, выходящая за пределы экрана, заставляет контейнер расширяться по оси X. Это создает пробел на мобильных устройствах с правой стороны.
Примечания:

• Теги привязки содержат абзац PARENT.
• Родительский элемент абзаца имеет только этот собственный CSS: padding-bottom: 2rem; высота строки: 3,2рем;
• Мы говорим о абзаце внутри блога WordPress на странице сообщений, созданном обычным создателем сообщения.
• Сами ссылки имеют такой стиль: размер шрифта: 1.8rem; text-decoration: подчеркивание;

Я пробовал установить CSS-теги привязки на

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

  width: inherit;

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

  display: inline-block

Подробнее здесь: https://stackoverflow.com/questions/793 ... -container