Перерыв текстовой строки внутри <pre class="prettyprint-override"> tag

У меня есть снимок экрана моего фрагмента кода в хроме:

enter image description here

и в firefox:

enter image description here

Мой вопрос: как мне сделать тот же эффект в firefox, что и в хром? часть фрагмента кода находится внутри предварительного тега. Большое спасибо за любую помощь!:)

Ответ 1

Обтекание кросс-браузером:

pre
{
    white-space: pre-wrap; /* CSS3 */
    white-space: -moz-pre-wrap; /* Mozilla, post millennium */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

JSFiddle

Ответ 2

Попробуйте

 pre {
       white-space:normal;
       word-wrap: break-word;
     }