Bestimmte Silbentrennung bevorzugen/ Trennung bevorzugen / Umbruch bevorzugen

[Rotando]

Hallo,
Ich habe folgendes Problem:
Ich habe wine Website erstellt bei der es ein Zugangssystem mit folgendem Text gibt: ![Anmeldung Zugangssystem](/images/ae46e8f9-c083-45bb-870e-a52c6f5916d4.png?size=medium "Bild Text "Anmeldung Zugangssystem"")
Bei kleinerem Bildschirm gibt es einen Umbruch:

Soweit ist alles noch in Ordnung.
Wenn der Bildschirm allerdings noch kleiner ist passt das Wort "Zugangssystem" nicht mehr auf den Bildschirm. Deswegen habe ich mit "­" einen Umbruch erstellt.
Quellcode: <p>Anmeldung Zugangs&shy;system:<br><br></p>
Jetzt gibt es den Umbruch aber auch wenn das Wort "Zugangssystem" noch auf den Bildschirm passen würde (wie im 2. Bild). Das sieht dann so aus:

Das ganze sieht dann nicht so toll aus.

Meine Frage:

Gibt es eine möglichkeit in HTML dass bestimmte Umbrüche (bzw. Leerzeichen als Umbruch) bevorzugt werden und die anderen nur verwendet werden, wenn es nicht anders geht?

Also nur, wenn der Bildschirm zu klein ist:

Ich hoffe ich habe mich verständlich ausgedrückt.
Danke schonmal im Vorraus 😉.