Ocultar texto, mas ele será exibido se copiado e colado sem javascript
Estou tentando fazer um design para um site de contos.
Uma das histórias que me contaram funcionaria melhor se alguém copiasse e colasse o texto, linhas extras apareceriam.
Existe alguma maneira de conseguir isso com apenas HTML e CSS? Eu tentei usardisplay: none;
mas isso não parece copiar o texto oculto. Não quero usar Javascript para isso
Exemplo de HTML
<div>Lorem ipsum <span class="inv"> ---- This is the cleverly hidden text ---- </span>dolor sit amet</div>
O mais perto que eu cheguei é
width: 1px;
overflow: hidden;
display: inline-block;
height: 1em;
color: rgba(255,255,255,0);
Se eu fizerwidth: 0;
não copia. A maneira acima ainda muda o texto uma pequena quantidade e, quando destacada, mostra um pouco de artefato.
(Não relacionado à pergunta em si: mas, pelo que entendi, a intenção é que a história indique fortemente que, quando copiada, informações ocultas aparecem, o que levaria a outra história não listada no site para pessoas que entendem o que isso sugere)