Hej dedlfix,
Naheliegender wäre für mich:
<span id="selectable">some text <span style="color:white">Dies ist versteckter Text</span></span>
Das fällt auf, weil der Abstand vom Button sehr groß ist. Der ist in der eigentlichen Anwendung direkt hinter dem Text.
Leute fallen auf Phishing-Mails mit gröberen Darstellungsfehlern rein...
<span id="selectable">some text <span style="position:absolute; bottom:1em;">Dies ist versteckter Text</span></span>
Den Text sieht man. Allerdings steht der irgendwo anders auf der Seite und ist damit vermutlich aus dem Blickfeld.
Ja, habe mir keine besondere Mühe beim Verstecken gegeben - lässt sich weiter verfeinern, ging mir nur ums Prinzip (aus dem Sichtfeld oder gar dem Viehport verschieben).
Vielleicht-Lösung: Kind-Elemente löschen. Da ist eigentlich nur einfacher Text ohne irgendwelchen inneren Formatierungen vorgesehen.
Ohne das probiert zu haben: first-line oder andere Pseudoelemente kann man nicht formatieren? - Ginge nur, wenn man irgendwo ein style-Element einsetzen könnte - wäre vermutlich mit dem Abfangen der Kind-elemente gegessen...
Marc