Mit dem CSS Befehl hyphens: auto; werden Worte automatisch getrennt. Dies kann in einzelnen Fällen nicht erwünscht sein, z.B. wenn bei einer längeren Überschrift nur die letzte Silbe in die nächste Zeile rutscht und es besser aussehen würde, wenn das Wort insgesamt in der zweiten Zeile erscheint.

Hier hilft der breitenlose Verbinder ‍

Der breitenlose Verbinder ist quasi das Gegenstück zu ­

Mit ­ kann man vorgeben, wo ein Wort getrennt werden soll.
Mit ‍ wird eine Trennung verhindert

Das Wort Haltbarkeitsdatum würde ohne den breitenlosen Verbinder vier Trennmöglichkeiten besitzen: Halt-bar-keits-da-tum

Mit dem breitenlosen Verbinder kann man diese Trennmöglichkeiten einschränken oder ganz ausschließen: Halt‍bar‍keits-da‍tum schränkt die Trennmöglichkeit ein auf Haltbarkeits-datum

Das html Zeichen ‍ wird nach Eingabe im Browser nicht ausgegeben und ist hier nur zur Demonstration sichtbar gemacht.