Ankertag ändert die Zeile nicht; geht stattdessen außerhalb des Bildschirms/Containers [Duplikat] ⇐ CSS

[Guest]

Ich habe Ankertags, die sozusagen ihr eigenes Leben führen.
Sie sehen so aus:

Code: Select all

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

Wenn der Inhalt des Ankers (der zwischen den Tags) länger als die Breite des Containers ist, erfolgt kein Zeilenumbruch wie bei einem normalen Absatz, sondern er wird einfach am selben Punkt fortgesetzt Eine aus dem Bildschirm ausbrechende Linie bewirkt, dass sich der Container auf der x-Achse ausdehnt. Dadurch entsteht auf Mobilgeräten auf der rechten Seite ein Leerzeichen.
Hinweise:

• Die Anker-Tags haben einen Absatz PARENT.
• Der übergeordnete Absatz hat nur dieses benutzerdefinierte CSS: padding-bottom: 2rem; Zeilenhöhe: 3,2rem;
• Wir sprechen von einem Absatz in einem WordPress-Blog auf der Beitragsseite, der vom normalen Beitragsersteller generiert wird.
• Der Links selbst hat diesen Stil: Schriftgröße: 1.8rem; text-decoration: underline;

Ich habe versucht, Anker-Tags CSS auf

• Code: Select all

  width: inherit;

• Code: Select all

  display: inline-block