Мой javascript позволяет "писать" в <code> (без свойства редактирования содержимого, за ним скрываются события <textarea> и javascript перехватывать события клавиатуры ...), и пока я пишу в этом скрытом <textarea>,текст переходит в строку, и появляется горизонтальная полоса прокрутки: 
Я хочу предотвратить это и вернуть текст в строку (например, поведение по умолчанию <textarea>).
Я пробовалдобавить в моем CSS свойство white-space : pre-wrap;, но я получил это: 
(текстовая область, видимая красным цветом текста, для сравнения поведения <textarea> и моих <code>)
Как это исправить и заставить <code> вести себя как <textarea>?Спасибо за ответы:)