Safari aus der Balance

[Rolf B]

Hallo Gunnar,

da hast Du mich erstmal verwirrt, weil ich nur das text-wrap:balance beim h1 gesehen habe und mich wunderte, warum nichts passierte, als ich das rauslöschte (ich kannte die Eigenschaft nicht und wollte ihren Effekt sehen).

Wenn position:absolute das Problem ist, dann lass es weg und mach es so:

<h1>
<b>Star Trek: Strange New Worlds<span class="visually-hidden">:</span></b>
<span>Tomorrow and Tomorrow and Tomorrow</span>
</h1>

.visually-hidden {
   ...
   /* position:absolute; */
   display: inline-block;
   ...

Der display:inline-block im visually-hidden ist nötig, damit width und height akzeptiert werden.

Rolf