Ok, però con white-space:nowrap si risolve a metà. Se il testo (sia quello principale che quello ombra) dovesse sporgere oltre i limiti del contenitore, in particolari situazioni, se non diversamente impostato, potrebbe comparire la scrollbar orizzontale sul body o su qualche altro contenitore, per permettere di visualizzare quella parte che sborda.

Per evitare questo eventuale problema considera di aggiungere una cosa tipo overflow: clip visible; su H1. Questo taglierà il contenuto che sborda lateralmente.

Quindi su H1 dovrai avere queste due proprietà:
codice:
white-space: nowrap;
overflow: clip visible;
Era ciò che stavo cercando di fare ieri nell'esempio, ma qualcosa continuava a non tornarmi. Ora ho aggiornato l'esempio e sembra ok anche su questo problema.

Buon proseguimento