Break a text line inside a
tag

Question

I have a screen shot of my code snippet in chrome:

enter image description here

and in firefox:

enter image description here

My question is, how do I make the same effect in firefox as it was in chrome? the code snippet part is inside a pre tag. thanks a lot for any help! :)

Evan Mulawski · Accepted Answer · 2011-08-10T16:00:34.550

22

Cross browser wrapping:

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

edited Aug 10 '11 at 16:00

answered Aug 10 '11 at 15:51

Evan Mulawski

54,662
15
117
144

I think you should have posted the source http://www.longren.org/wrapping-text-inside-pre-tags/ – Ahmad Alfy Aug 10 '11 at 17:32
@Ahmad: I actually got this from one of my website design's CSS. And this snippet is all over the web anyway. – Evan Mulawski Aug 10 '11 at 17:33

score 4 · Answer 2 · answered Aug 10 '11 at 15:48

4

Try

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

answered Aug 10 '11 at 15:48

Ahmad Alfy

13,107
6
65
99

Break a text line inside a tag

2 Answers2

Break a text line inside a
tag