Wie dreht man die Überschrift - und ermittelt die Höhe des headers

[Gunnar Bittersmann]

@@Gunnar Bittersmann

Den Gedankenstrich(!) nicht zwischen die spans tun, sondern mit ins erste:

<p>
  <span>Keep the future alive&nbsp;&ndash;</span>
  <span>Deep Space 9, Season 5, Episode 6</span>
</p>

Was man noch tun kann: Wenn sich geignete Media-Querys dafür finden lassen, für kleine Viewports die beiden spans auf display: block setzen und den Gedankenstrich (der dann mit dem NBSP in einem span stecken muss) ausblenden. Wenn zwischen „alive“ und „Deep“ garantiert ein Zeilenumbruch ist, braucht man den Gedankenstrich ja nicht unbedingt.

Kwakoni Yiquan