Forum libero

Ho un problema di CSS che non riesco a risolvere. Mi piacerebbe scrivere un piccolo controllo simile a una textarea, ma semplificato e aggiustato per le mie esigenze. Il discorso funziona, ma il problema e` il "cursore" di testo. L'ho reso come una spanna tra altre spanne di testo che rappresentano quel che viene prima e dopo il cursore; non considerando le spanne che rappresentano testo selezionato, essenzialmente il layout e` cosi`:

<div id="testo">
  <span id="prima"></span>
  <span id="cursore"></span>
  <span id="dopo"></span>
</div>

Il problema e` questo:



Quando il cursore divide una parola, le spanne spezzano la linea. Questo nonostante la div con id "testo" abbia la proprieta` "white-space: nowrap". Ovviamente mi servirebbe che il testo nelle spanne andasse a capo normalmente, col wordwrap. Pero` le spanne in se` dovrebbero essere "incollate", formare un continuo, in modo che il "cursore" simulato si comporti in maniera piu` simile a un normale cursore di testo.

L'intera pagina e` provabile qui:

http://anynowhere.com/personal/wrappingspans/test....

Prova a scriverci roba come la frase di prova, basta che insomma tu arrivi in fondo e puoi muova, con le frecce cursore, il cursore finche` non spezza la parola in fondo alla prima riga.

E` possibile aggiustarla?